﻿body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	background: #fff;
}

ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	list-style-type: none;
}

img {
	border: 0;
}

a{
    text-decoration:none;
}

/*滚动条垂直方向的宽度*/
::-webkit-scrollbar
{
	width: 10px;
}
/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
	background-color:rgba(129,129,129,0.5);
}



/*----------------------------------------------------top--------------------------------------------------------------*/

.top_nav {
    width:100%;
    min-width:1200px;
    height:70px;
    background:#fff;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.1);
    box-shadow:0 0 10px rgba(0,0,0,.1);
    display:table;
}

.top_logo
{ 
    width:360px;
    margin:10px 0 0 20px;
    float:left;
}

.top_logo img{
    width:100%;
}

.top_right{
    float:right;
    margin-right:50px;
}

ul#topnav {
	margin: 0; padding: 0;
	float: right;
	width: 100%;
	list-style: none;
	font-size: 14px;
	background:#fff;
    color:#333;
    height:70px;
    display:table;
}
ul#topnav li {
	float: left;
    width:120px;
    height:70px;
    line-height:70px;
	margin: 0; padding: 0;
    text-align:center;
}
.topbig {
	display: block;
	color: #333;
	text-decoration: none;
    cursor:pointer;
}

.topbig:hover { 

    color:#fff;
    -webkit-transition: all 0.3s;
	transition:  all 0.3s;
	-moz-transition:  all 0.3s;
	-o-transition:  all 0.3s;
}

ul#topnav li span {
    width:100%;
	float: right;
    height:50px;
    line-height:50px;
	padding: 0px 0;
	position: absolute;
	left: 0;
	display: none;
	background: rgba(255, 255, 255, 0.8);
	color: #333;
    border-top:1px solid #225dd4;
    -webkit-transition: all 0.3s;
	transition:  all 0.3s;
	-moz-transition:  all 0.3s;
	-o-transition:  all 0.3s;
}

ul#topnav li:hover{ 
    background:#225dd4;
    -webkit-transition: all 0.5s;
	transition:  all 0.5s;
	-moz-transition:  all 0.5s;
	-o-transition:  all 0.5s;
}
ul#topnav li span a { display: inline; color: #333;margin:0 10px;}
ul#topnav li span a:hover {color:#225dd4;}


.index_one{
    width:100%;
    height:500px;
    background:url(../images/style/index_one.jpg) center;
}

.index_two{
    width:100%;
    height:500px;
}

.index_two_box{
    width:1200px;
    height:500px;
    margin:0 auto;
}

.index_two_left{
    width:600px;
    float:left;
    margin-top:80px;
    margin-left:50px;
    margin-right:50px;
}

.index_two_left_t{
    font-size:14px;
    color:#444;
    line-height:24px;
}

.index_two_right{
    width:500px;
    float:left;
    margin-top:100px;
}

.index_three{
    width:100%;
    background:#f7f7f7;
    display:table;
    padding:70px 0;
}

.index_three_box{
    width:1200px;
    margin:0px auto;
    display:table;
}

.index_three_img{
    float:left;
    width:500px;
    height:300px;
    background:#225dd4;
}

.index_three_text{
    float:left;
    width:650px;
    margin-left:50px;
}

.index_four{
    width:100%;
    background:#fff;
    display:table;
}

.index_four_box{
    width:1200px;
    height:400px;
    margin:0 auto;
}

.index_four_img{
    width:500px;
    height:300px;
    background:#225dd4;
    float:left;
    margin-left:17px;
}

.index_four_text{
    width:500px;
    margin-left:50px;
    float:left;
}

.index_four_text_a{
    margin-top:30px;
    font-size:22px;
    font-weight:bold;
    margin-bottom:20px;
    color:#444;
}

.index_four_text_b{
    font-size:14px;
    color:#333;
    line-height:24px;
}




.index_msg{
    width:1200px;
    margin:0px auto 0 auto;
    display:table;
    padding-top:60px;
}

.index_msg_left{
    width: 620px;
    float:left;
}

.box{width: 620px;height: 360px;margin: 30px auto;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 620px;height: 360px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 620px; height: 360px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: -12px;height: 40px;width:450px;background: rgba(0,0,0,.5);text-indent: 2em;
				padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: #225dd4}
.box-3 span{position: absolute;color:rgba(255, 255, 255, 0.1);background: rgba(0,0,0,.1);width: 50px;height: 80px;
				top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(0,0,0,.5);color:rgba(255, 255, 255, 0.80);}

.index_msg_right{
    width: 540px;
    margin-left:40px;
    float:left;
    margin-top:20px;
}

.index_msg_tit{
    width:1200px;
    margin:0 auto;
     position:relative;
}

.index_msg_tit:before,.index_msg_tit:after{content: ''; position: absolute;top: 30px;background: #225dd4;width:40px;height: 1px;}
.index_msg_tit:before{ left:440px;}
.index_msg_tit:after{ right:440px;}

.index_msg_tit span{
    color:#225dd4;
}

.index_msg_tit_a{
    font-size:18px;
    color:#666;
    text-align:center;
}

.index_msg_tit_b{
    font-size:12px;
    color:#999;
    text-align:center;
    margin-bottom:30px;
}

.info_focus_one{
    width:1100px;
    margin:10px auto;
    display:table;
}

.info_focus_one_tit{
    text-align:center;
    border-bottom:1px solid rgba(129,129,129,0.3);
    height:30px;
    padding-bottom:11px;
    margin:30px auto;
}

.info_focus_one_tit span{
    font-size:20px;
    color:#225dd4;
    margin-bottom:5px;
    padding-bottom:14px;
    border-bottom:2px solid #225dd4;
    font-weight:bold;
}

.info_focus_one_left{
    width:540px;
    margin:10px 0;
    height:300px;
    background:#225dd4;
    float:left;
}

.info_focus_one_right{
    width:530px;
    margin:10px 0 0 20px;
    height:300px;
    float:left;
}

.info_focus_one_right_box{
    width:540px;
    height:99px;
    color:#444;
    cursor:pointer;
    
}

.info_focus_one_right_box_left{
    width:60px;
    height:50px;
    float:left;
    padding-bottom:16px;
    margin-top:10px;
    padding-right:10px;
    border-right:1px solid #ddd;
}

.info_focus_one_right_box_d{
    margin-top:10px;
    font-size:18px;
    color:#225dd4;
    text-align:right;
}

.info_focus_one_right_box_y{
    font-size:12px;
    color:#7a7a7a;
    text-align:right;
}

.info_focus_one_right_box_right{
    width:450px;
    float:left;
    margin:10px 0 0 10px;
}

.info_focus_one_right_box_right_tit{
    font-size:14px;
    
    cursor:pointer;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.info_focus_one_right_box:hover{
    color:#225dd4;
    background:#f2f2f2;
    -webkit-transition: all 0.3s;
	transition:  all 0.3s;
	-moz-transition:  all 0.3s;
	-o-transition:  all 0.3s;
}

.info_focus_one_right_box_right_text{
    font-size:12px;
    color:#999;
    margin-top:6px;
    line-height:18px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*选择首页切换开始*/
.Choices{ width:100%;min-width:1240px; float:left; height:580px;}
.Choices_text{ width:1240px; height:750px; margin:0 auto;}
.Choices_head{ width:300px;  height:55px; margin:50px auto 0 auto; text-align:center; font-size:18px; color:#225dd4; display:block; position:relative;}
.Choices_head:before,.Choices_head:after{content: ''; position: absolute;top: 30px;background: #225dd4;width:40px;height: 1px;}
.Choices_head:before{ left:250px;}
.Choices_head:after{ right:250px;}

.Choices_box{
    width:270px;
    margin:20px 20px;
    float:left;
    background:#f8f8f8;
    display:table;
    cursor:pointer;
}

.Choices_box:hover{
    -webkit-box-shadow:2px 2px 12px rgba(31, 31, 31, 0.3);
    -moz-box-shadow:2px 2px 12px rgba(31, 31, 31, 0.3);
    box-shadow:2px 2px 12px rgba(31, 31, 31, 0.3);
    border-bottom:1px solid #225dd4;
    -webkit-transition: all 0.3s;
	transition:  all 0.3s;
	-moz-transition:  all 0.3s;
	-o-transition:  all 0.3s;
}

.Choices_img{
    width:270px;
    height:190px;
    background:#225dd4;
}

.Choices_img img{
    width:100%;
}

.Choices_tit{
    width:90%;
    margin:10px 5%;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    text-transform: uppercase;
}

.Choices_tit p{
    margin:20px 0 0px 0;
    padding:0;
    font-size:16px;
    color:#225dd4;
    font-weight:bold;
}

.Choices_tit span{
    margin:0px 0 0px 0;
    padding:0;
    font-size:10px;
    color:#999;
}

.Choices_centen{
    width:90%;
    height:90px;
    line-height:20px;
    margin:20px 5% 20px 5%;
    font-size:12px;
    color:#999;
}




.introduce_one{
    width:100%;
    height:500px;
    background:url(../images/style/introduce_one.jpg) center;
}

.introduce_warp{
    width:1000px;
    margin:30px auto;
}

.introduce_txt{
    width:600px;
    float:left;
    margin-bottom:50px;
}

.introduce_txt p{
    width:560px;
    text-indent:2em;
    font-size:16px;
    line-height:36px;
    color:#333;
}

.introduce_img{
    width:400px;
    float:left;
}








.patent_top{
    width:100%;
    height:200px;
    background:url(../images/style/patent_one.jpg) center;
}


.patent_box{
    width:1000px;
    margin:50px auto;
    display:table;
}

.patent_text{
    width:360px;
    float:left;
    margin-right:40px;
}

.patent_text{
    font-size:14px;
    color:#333;
    margin-top:100px;
}

.patent_img{
    width:600px;
    float:left;
}





































.bottom_warp{
    width:100%;
    display:table;
    background:#f1f2f4;
    border-top:1px solid #eeeeee;
    border-bottom:3px solid #225dd4;
}

.bottom_box{
    width:1200px;
    margin:0 auto;
    
}

.bottom_logo{
    margin:30px 0 10px 0px;
}

.bottom_logo_text{
    font-size:12px;
    color:#666;
    margin-left:10px;
}

.bottom_logo_text li{
    margin-top:5px;
}

.bottom_left{
    float:left;
    width:600px;
    height:230px;
}

.bottom_right{
    float:left;
    width:550px;
}

.bottom_cop{
    width:100%;
    height:50px;
    line-height:50px;
    margin:0 auto;
    text-align:center;
    border-top:1px solid #cfcfcf;
    font-size:12px;
    color:#666;
    display:table;
}

.bottom_right_warp{
    margin:40px;
}

.bottom_right_box{
    float:left;
    margin-right:80px;
}

.bottom_right_A{
    font-size:16px;
    color:#225dd4;
    font-weight:bold;
}

.bottom_right_B{
    margin-top:10px;
}

.bottom_right_B a{
    font-size:14px;
    color:#666;
    
}

.bottom_right_B a:hover{
    font-size:14px;
    color:#225dd4;
    -webkit-transition: all 0.5s;
	transition:  all 0.5s;
	-moz-transition:  all 0.5s;
	-o-transition:  all 0.5s;
}


.certificate_top{
    width:100%;
    height:200px;
    background:url(../images/style/certificate_one.jpg) center;
}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/certificate/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/certificate/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/certificate/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/certificate/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/certificate/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:5px 19px}
.mod_gallerylist{width:1200px; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{border:1px solid #CCC; padding:2px; height:500px}
.meta a{color:#333; text-decoration:none}




.contact_top{
    width:100%;
    height:400px;
    background:url(../images/style/contact_one.jpg) center;
}

.contact_box{
    width:1200px;
    margin:50px auto 0;
    display:table;
}

.contact_letf{
    float:left;
    width:300px;
}

.contact_right{
    float:left;
    width:700px;
    margin-left:200px;
}

.contact_textbox{
    border:0;
    border-bottom: 1px solid #225dd4;
    width:400px;
    height:36px;
    font-size:16px;
    color:#333;
    padding-left:10px;
}

.contact_li{
    margin:40px 0;
}

.contact_but{
    border:1px solid #333;
    width:120px;
    height:50px;
    text-align:center;
    border-radius:40px;
    background:#fff;
    margin-top:20px;
}

.CheckCode_box{
    width:100px;
    height:28px;
}

.register_tip{
    width:100px;
    text-align:center;
    font-size:12px;
    background:#d50d0d;
    color:#fff;
}



.achievement_top{
    width:100%;
    height:366px;
    background:url(../images/style/achievement_one.jpg) center;
}


.achievement_box{
    width:1200px;
    margin:50px auto;
    display:table;
}

.achievement_left_img{
    width:700px;
    height:500px;
    float:left;
}

.achievement_right_txt{
    width:450px;
    height:420px;
    float:left;
    margin-left:50px;
}

.achievement_tit{
    color:#1d46f3;
    font-size:43px;
    font-weight:bold;
}

.achievement_tit p{
    width:200px;
    background:#333;
    color:#fff;
    text-align:center;
    padding:0;
    margin:0;
}

.achievement_text{
    font-size:18px;
    color:#333;
    line-height:34px;
    text-indent:2em;
    margin-top:20px;
}

.achievement_left_text{
    width:550px;
    height:500px;
    float:left;
    margin-right:50px;
}

.achievement_right_img{
    width:600px;
    height:400px;
    float:left;
}

.achievement_left_text p{
    font-size:16px;
    color:#333;
    line-height:28px;
    margin:0;
    padding:0;
    text-indent:2em;
}

.achievement_txt p{
    text-indent:2em;
    font-size:16px;
    color:#333;
}



.advantage_top{
    width:100%;
    height:327px;
    background:url(../images/style/advantage_one.jpg) center;
}

.advantage_box{
    width:1200px;
    margin:50px auto 0 auto;
    display:table;
}

.advantage_left_img{
    width:600px;
    height:300px;
    float:left;
}

.advantage_right_txt{
    width:550px;
    height:420px;
    float:left;
    margin-left:50px;
    text-indent:2em;
    font-size:16px;
    line-height:24px;
    color:#333;
}

.develop_top{
    width:100%;
    height:327px;
    background:url(../images/style/develop_one.jpg) center;
}

.news_top{
    width:100%;
    height:550px;
    background:url(../images/style/news_one.jpg) center;
    margin-top:0px;
    display:table;
}

.news_box{
    width:1200px;
    margin:-350px auto 0 auto;
    display:table;
    height:auto;
    background:#fff;
    border-radius:6px;
}

.m-slide
{
	position:relative;
	width:1100px;
	height:448px;
    margin:50px;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	background:#fff;
}

.m-slide .bottom-shadow
{
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	overflow:hidden;
	background:#e6e6e6;
	border-bottom:1px solid #ececec;
}

.m-slide .img
{
	float:left;
	position:relative;
}

.m-slide .img li,.m-slide .img a,.m-slide .img img
{
	display:block;
	width:785px;
	height:448px;
}

.m-slide .img li
{
	display:none;
	position:absolute;
	left:0;
	top:0;
}

.m-slide .img .first
{
	display:block;
}

.m-slide .tab
{
	float:right;
    width:315px;
	height:111px;
    
}

.m-slide .tab li
{
	border-top:1px solid #e5e5e5;
	width:315px;
}

.m-slide .tab .first
{
	border-top:0;
}

.m-slide .tab a
{
	text-decoration:none;
	display:block;
	position:relative;
	width:315px;
	height:111px;
	border-left:3px solid #fff;
}

.m-slide .tab a b
{
	position:absolute;
	left:0;
	top:20px;
	width:4px;
	height:111px;
	overflow:hidden;
}

.m-slide .tab a span
{
	position:absolute;
	overflow:hidden;
}

.m-slide .tab a .title
{
	left:17px;
	top:28px;
	height:60px;
	line-height:24px;
	font: 700 18px / 26px "\5FAE\8F6F\96C5\9ED1", tahoma;
	color:#666;
}

.m-slide .tab a .des
{
	left:20px;
	top:6px;
	height:20px;
	line-height:20px;
    font: 400 14px / 24px "\5FAE\8F6F\96C5\9ED1", tahoma;
	color:#999;
}

.m-slide .tab .first a
{
	height:50px;
}

.m-slide .tab .on a
{
	list-style:none;
	border-left:3px solid #225dd4;
	margin:0;
	padding:0;
}


.m-slide .tab .on a .title
{
	color:#225dd4;
}

.news_list{
    width:1200px;
    margin:20px auto 50px auto;
    display:table;
}

.news_list_box{
    width:300px;
    margin:50px 50px 50px 50px;
    float:left;
    display:table;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
}

.news_img{
    width:300px;
    height:200px;
}

.news_img img{
    width:300px;
    height:200px;
}

.news_time{
    margin:10px 0;
    font-size:12px;
    color:#333;
}

.news_tit{
    margin:10px 0;
    height:36px;
    font-size:16px;
    color:#333;
    font-weight:bold;
    cursor:pointer;
}

.news_tit:hover{
    color:#225dd4;
    -webkit-transition: all 0.3s;
	transition:  all 0.3s;
	-moz-transition:  all 0.3s;
	-o-transition:  all 0.3s;
}

#page_navigation a{
	padding:3px 9px;
    border-radius:20px;
    background:#ddd;
	margin:7px 2px;
	color:#333;
	text-decoration:none;
    float:left;
}
.active_page{
	background:#225dd4 !important;
	color:white !important;
    border:0 !important;
}


.list_page{
    width:300px;
    word-wrap: break-word;
    text-align:center;
    margin:20px auto;
    display:table;
}


.detail_box{
    width:1200px;
    margin:30px auto;
    display:table;
}

.detail_left{
    width:760px;
    background:#fff;
    float:left;
    padding:20px 60px;
}

.detail_tit{
    margin:10px 0;
    font-size:26px;
    text-align:center;
    font-weight:bold;
    color:#555;
}

.detail_source{
    font-size:14px;
    text-align:center;
    color:#999;
    padding-bottom:10px;
    border-bottom:1px solid #eee;
    margin-top:20px;
}

.detail_source span{
    margin:20px 40px 10px 40px;
}

.detail_article{
    width:760px;
    font-size:14px;
    color:#666;
    margin:20px auto;
    line-height:24px;
}

.detail_article img{
    width:100%;
    height:100%;
}

.detail_right{
    width:260px;
    background:#fff;
    float:left;
    margin-left:20px;
    padding:20px;
}

.detail_right_tit{
    font-size:16px;
    font-weight:bold;
    color:#225dd4;
    border-bottom:1px solid #d9d9d9;
    padding-bottom:3px;
}

.detail_list{
    width:260px;
    height:80px;
    display:table;
    margin:10px auto;
}

.detail_list_box{
    display:table;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
}

.detail_list_img{
    width:80px;
    height:60px;
    float:left;
    margin-right:10px;
    background:#555;
    cursor:pointer;
}

.detail_list_text{
    width:170px;
    float:left;
    font-size:14px;
    color:#555;
}

.detail_list_text_tit {
    color:#444;
    cursor:pointer;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.detail_list_text_tit:hover{
    color:#225dd4;
}

.detail_list_text_time{
    margin-top:5px;
    color:#999;
}