a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}embed {vertical-align:top;}
img {vertical-align:middle;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}


/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


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

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #ff970b;text-decoration: none;}

a:focus, a:hover {
    
    text-decoration: none !important;
}
h1, h2 	{font-size: 25px;line-height: 25px;}
h3, h4	{font-size: 20px;line-height: 20px;}
h5, h6	{font-size: 16px;line-height: 16px;}
h1,h2,h3,h4,h5,h6{font-family: "microsoft yahei";}

p{margin: 10px 0;color: #777;}
button:focus{outline: 0}
.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.clearfix{clear: both;}
/* --Line-- */
hr.line { margin: 15px auto; padding: 0; max-width: 90px;border: 0; border-top: solid 5px #ab57b8;text-align: center;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #fff;color: #3F3F3F;font: 14px/25px Arial, Helvetica, sans-serif;font-family:"microsoft yahei";}

/*common*/
.top,.dao,.title,.service_box,.news_box,.about,.lian_box{max-width: 1200px;margin: 0 auto;}
section{width: 100%}
.title h3,.title h5{text-align: center;}
.title h3{font-weight: bold;font-size: 36px;color: #000;margin-top: 0;}
.title h5{text-transform: Uppercase;font-weight: normal;font-size: 18px;color: #777777}
.title span{width: 80px;height: 4px;margin: 20px auto;background: #4c6f9f;display: block}
.service,.news,.lian{padding: 3% 0;}



/*header*/
.logo{width: 50%;padding: 5px 15px !important;}
.top{padding: 20px 15px;}
.top_phone i{vertical-align: middle;font-size: 18px;padding-left: 15px;color: #2f5792;font-style: normal;margin-bottom: 0;display: block;}
.navbar-default{background: #2f5792 !important;border:0 !important;margin-bottom: 0 !important;min-height: 80px !important;border-radius:0 !important;}
.navbar-default .navbar-collapse{border-color: #fff !important;border: none;}
.dao li{float: left;text-align: center;max-height: 113px;line-height: 100px;}
.container-fluid {
    max-width: 1200px;
}
.dao li a{color: #000;font-size: 18px;}
.active{background: #ecb418!important;}
.active a{padding-bottom: 15px}
.dao li:hover{background: #ecb418;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;
    background: none !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
	font-size: 16px;
	line-height: 60px;
	padding: 10px 19px;
}
.icon-76{font-size: 32px !important;vertical-align: middle;margin-right: 5px}
.carousel-indicators li {
  
}

/*service*/
.service{padding-bottom:0;}
.service_box,.news_box{margin-top: 2%}
.service_box li{padding: 3% 3%;min-height: 120px;}
.circle{width: 80px;height: 80px;background: #fff;border: 1px solid #2f5792;border-radius: 50% 50%;margin: 0 auto;}
.circle i{color:#2f5792;text-align: center;display: block;font-size: 44px;    line-height: 80px;}
.service_box li h4{text-align: center;font-size: 16px;color: #000;margin: 20px 0;}
.service_box li p{text-align: center;font-size: 14px;color: #777;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.service_box li:hover{background: #2f5792;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;color: #fff;background:-moz-linear-gradient(top,#296dd1,#2f5792);/*火狐*/ 
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#296dd1), to(#2f5792));/*谷歌*/
	background-image: -webkit-gradient(linear,left bottom,left top,color-start(0, #296dd1),color-stop(1, #2f5792));/* Safari & Chrome*/
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#296dd1', endColorstr='#2f5792'); /*IE6 & IE7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#296dd1', endColorstr='#2f5792')"; /* IE8 */

}
.service_box li:hover  h4,.service_box li:hover  p{color: #fff}


/*news*/
.fdewf{}
.news{-background: url("../images/sy.png");background-repeat: no-repeat;background-size: 100% 100%;-margin-top: 3%;position: relative;padding-bottom:0;}
.khih{background:#2f5792;width:100%;height:400px;position: relative;}
.news_title h3,.news_title h5{-color: #fff}
.news_title span{-background: #fff}
.fefr{background: #fff;padding: 15px 0;}
.news_box li{margin-bottom:20px;}
.sdw{padding: 15px 0!important;background: #fff;}
.news_box_title h4{margin-top: 0;font-size: 16px;color: #000;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_box_title p{font-size: 14px;color: #777;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 40px;}
.news_box_title span{font-size: 14px;color: #777;vertical-align: middle}
.news_box_title span i{float: right;color: #2f5792;}
.news_box li:hover .news_box_title{-background: #2f5792;color:#fff;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.news_box li:hover h4,.news_box li:hover p,.news_box li:hover span,.news_box li:hover span i{-color: #fff}
.news_box li:hover img{transform: scale(1.1);transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.img{overflow: hidden;}
.jjkk{overflow: hidden;height:40px}
.jjkk:after {
			-content: ' ... ';
			position: absolute;
			bottom: 0;
			right: 0;
			background: -webkit-linear-gradient(left, #fff 50%); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(left, #fff 50%); /* Opera 11.1-12.0 */ 
    background: -moz-linear-gradient(left, #fff 50%); /* Firefox 3.6-15 */
    background: linear-gradient(left, #fff 50%); /* 标准语法 */
		}
		.eerw{padding:10px 0!important; }
/*about*/
.sfsdfe{padding:3% 0;background:#f2f2f2;}
.about{margin-top: 2%;}
.about_bg{background: url("../images/sy (2).png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center}
.about_bg1{background:url("../images/sy1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center}
.about_bg{text-align: center;padding: 2%;}
.about_bg i{color: #fff;font-size: 70px;}
.about_bg p{color: #fff !important;font-size: 16px;margin-top: 0!important;line-height: normal !important;}
.about_box{padding-right: 6%;}
.about_bu{text-transform: Uppercase;font-size: 16px;color: #fff;background: #2f5792;width: 140px;height: 50px;text-align: center;display: block;line-height: 50px;border-radius: 6px 6px;margin-top: 28px}
.about_bu:hover{color: #fff;background: #ecb418;}
.about_box p{display:-webkit-box;
	margin-top: 8%;
   overflow:hidden;
   text-overflow:ellipsis;
   -webkit-line-clamp:6;
	line-height: 28px;
	color: #777;
   -webkit-box-orient:vertical;}


/*partners*/
.partners_boxs{-padding-top:0 !important}
.partners_box li{margin-bottom: 20px;}
.partners_box li:hover .partners{box-shadow: 0 0 9px #5d5c5c;}
.partners{border: 1px solid #d8d8d8;overflow: hidden}


/*lian*/
.lian{background: url("../images/sy1.jpg");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;padding:2% 0;}
.lian_box{background: rgba(76,111,159,0.9);padding: 2% 2%;}
.liu,.lian_box .col-lg-12{margin-bottom:24px !important;}
.form-control{background: none!important;color: #fff !important;}
.lian_box h4{color: #ecb418;font-size: 16px;margin-top: 0;margin-bottom: 20px;padding-left: 15px;}
.button{width: 120px;height: 40px;background: #ecb418;border: 0;display: block;margin: 0 auto;border-radius: 4px 4px;color: #fff}
.button:focus{outline: 0;}
.input-group {
    padding: 0px 10px;
    border: 1px solid #bbb;
	border-radius: 4px 4px;
	width: 100%;
}
.input-group i{
    font-size: 16px;
    vertical-align: middle;
    color: #fff;
    box-sizing: border-box;
    float: left;
    width: 20px;
    line-height: 40px;
    text-align: center;
}
.row{margin-left: 0 !important;margin-right: 0 !important;}
.input-group input[type="text"] {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: capitalize;
    padding:8px 0;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    border: none;
    outline: none;
	color: #fff;
    background: transparent;
    
}
.input-group textarea{width: 100%;padding:8px 0;resize:none;background: none;color: #fff}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b2b2b2;
  
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #b2b2b2;
  
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b2b2b2;
 
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b2b2b2;
  
}

/*middle*/
.middle{max-width: 1200px;margin: 0 auto}
.middle_top{border-bottom: 1px solid #dcdcdc;display: block;padding: 20px 15px}
.middle_top a{color: #333}
.middle_top a:hover{color: #2f5792}
.fir{color: #2f5792!important}
.middle_box {padding: 3% 0}
.middle_box .fennav h3{text-align: center;color: #fff;background: #2f5792;margin: 0;line-height: 60px;font-size: 20px;border-bottom: 1px solid #dcdcdc;}
.middle_box .fennav1 h3{text-align: center;color: #fff;background: #2f5792;margin: 0;line-height: 60px;font-size: 20px;border-bottom: 1px solid #dcdcdc;}
.middle_box .fennav li{text-align: center;color: #333;margin: 0;line-height: 50px;font-size: 16px;}
.middle_box .fennav1 li{color: #333;margin: 0;font-size: 14px;padding:15px 15px 0;}
.middle_box .fennav li a{color: #333;}
.middle_box .fennav li:hover a{color: #fff;}
.middle_box .fennav li:hover{background: #ecb418;}
.fennav1{margin-top: 30px;border: 1px solid #dcdcdc;padding-bottom: 20px;text-align: center;}
.fennav1 i{margin-right: 5px}
.fennav1 p{color:#333;margin-top:5px;margin-bottom:0;}
.jian h4{border-bottom: 1px dashed #dcdcdc;padding-bottom: 15px;margin-bottom: 20px;font-size: 20px;text-align: center}
.jian_box{background: #ecb418;}
.jian_box a{color: #fff !important;}
.xin:hover{background: #2f5792;}
.news_box_title{padding:15px;}
.xin{-border: 1px solid #dcdcdc;padding:15px 0}
.xin_box li:hover img{transform: scale(1.1);transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.xin_box h4{font-size: 16px;}
.xin_box li:hover h4,.xin_box li:hover p,.xin_box li:hover span,.xin_box li:hover span i{color: #fff;}
.xin_box li{-margin-bottom: 10px;}
.yahoo{padding:3px;margin-left:34%;}
.yahoo a{border:#fff 1px solid;padding:2px 5px;margin:2px;color:#000099;text-decoration:underline;}
.yahoo a:hover{border:#000099 1px solid;color:#000;}
.yahoo a:active{border:#000099 1px solid;color:#f00;}
.yahoo span.current{border:#fff 1px solid;padding:2px 5px;font-weight:bold;margin:2px;color:#000;background-color:#fff;}
.yahoo span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}
.lianxi{background: #2f5792;padding: 0;margin: 3% 0;}
.lianxi_box,.map{width: 50%;float: left}
.lianxi_box{color: #fff;padding:4% 6%}
.lianxi_box li{margin-bottom: 20px;}
.lianxi_box span{background: #fff;height: 2px;width: 140px;display: block;margin: 30px 0}
.lianxi_box i{margin-right: 5px;}

.lianxi_box li:last-child{margin-bottom: 0px;}



@media only screen and (max-width: 768px){
    .news_box li {
    margin-bottom: 20px;
}
    .service_box li{width:50%;}
	.top {
    padding: 0px 15px;
    background: #2f5792;
    color: #fff;
}
	.top_phone i {
    color: #fff;display: inline-block;
}
	.navbar-default {
    background: none !important;
    min-height: 50px !important;
}
	.logo {
    width: 63%;
    padding: 5px 15px !important;
}
	.navbar-collapse{background: rgba(47, 87, 146);}
	.nav>li {
    width: 100%;
}
	.navbar-default .navbar-nav>li>a {
    line-height: 30px;
}
	.top_logo,.top_phone{width: 50%;display: none}
	.service, .news,.about,.lian {
    padding: 8% 0;
}
	.service_box, .news_box {
    margin-top: 8%;
}
	.news_box li{margin-bottom: 0px}
	.about,.sfsdfe{padding-bottom:0}
	.about_box{padding-right: 0;}
	.about_bg i {
    color: #fff;
    font-size:0;width: 40px;
    display: block;
    margin: 0 auto;
}
.about_bg {
    padding: 5px 15px;
}
	.about_bg p{    font-size: 14px;}
	.about_bu{margin-bottom:28px;}
	.liu .col-lg-4,.lian_box h4,.liu{margin-bottom:30px !important;}
	.liu .col-lg-4:last-child{margin-bottom:0 !important;}
	.lian_box {padding: 8% 15px;}
	.liu .col-lg-4{width: 100%}
	.input-group textarea {
    width: 92%;
}
footer>ul>li{margin-bottom:20px;}

.fennav1,.dcsdasd{display: none}
	.middle_box .fennav li {width: 50%;float: left;}
	.xin_box,.jian{margin-top: 30px;}	
	.lianxi_box,.map{width: 100%}
	.lianxi {margin: 40px 0;}
	.yahoo {margin-left: 24%;}
	footer h2{margin-top:30px !important;}

}




footer{ width:100%; background:#2f5792; color:#fff;padding-top:2%; }
footer ul p,footer i{ color:#fff;font-size:14px;}
footer i{font-size:18px!important;}
footer>div>ul{border-bottom:2px solid #9eb1cc;padding-bottom: 20px;}
footer>div>ul>li>ul>li{ float:left; width:50%;line-height: 36px;}
footer ul a,footer ul a:hover{color:#fff;font-size:14px;}
footer h2 { font-size:20px;margin-bottom: 20px;margin-top:0;}
footer h2 span { font-size:14px;vertical-align: bottom;}

footer  a,footer>div > p,footer a:hover{color:#fff;font-size:14px; text-align:center}
.copy{margin-top: 20px;
    margin-bottom: 30px;}

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ecb418;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#ecb418;display:none;}
.suspension .a-top:hover{background:#ecb418;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


#container {
	width: 100%;
	max-width: 41rem; /* 1024 */
	margin: 0 auto; /* 80 */
}

#box p {
	color: #000;
}

.pagination {
	text-align: center;
}

.pagination ul {
	display: inline-block;
}

.pagination li {
	display: inline;
}

.pagination a,.pagination span {
	height: 3.5rem; /* 40 */
	font-size: 14px; /* 20 */
	line-height: 38px; /* 40 */
	color: #000;
	float: left;
	border: 1px solid #000;
	padding: 0 1.25rem; /* 20 */
	margin-top: -1px;
	text-decoration: none;
}
.pagination a:hover{color: #000}
.pagination li:not( :first-child ) a {
	margin-left: -1px;
}
.pagination-current a:hover{color: #fff}
.pagination-current a {
	color: #fff;
	background-color: #000;
}

.pagination li:not( .pagination-current ) a:hover {
	background-color: rgba( 0, 0, 0, .1 );
	color: #000;
}

.pagination-prev a,
 .pagination-next a,
 .pagination-first a,
 .pagination-last a {
	font-variant: small-caps;
	text-transform: lowercase;
	line-height: 34px; /* 40 */
}

.pagination-prev a:before,
 .pagination-next a:after,
 .pagination-first a:before,
 .pagination-last a:after {
	width: 0;
	height: 0;
	border: 0.313rem solid transparent; /* 5 */
	content: '';
	display: inline-block;
	vertical-align: middle;
}

.pagination-prev a:before,
 .pagination-first a:before {
	border-left: none;
	border-right-color: #000;
	margin-right: 0.313rem; /* 5 */
}

.pagination-next a:after,
 .pagination-last a:after {
	border-right: none;
	border-left-color: #000;
	margin-left: 0.313rem; /* 5 */
}

.pagination-first a:before {
	-webkit-filter: drop-shadow( -0.25rem 0 0 #000 ); /* 2 */
	-moz-filter: drop-shadow( -0.25rem 0 0 #000 ); /* 2 */
	-ms-filter: drop-shadow( -0.25rem 0 0 #000 ); /* 2 */
	-o-filter: drop-shadow( -0.25rem 0 0 #000 ); /* 2 */
	filter: drop-shadow( -0.25rem 0 0 #000 ); /* 2 */
}

.pagination-last a:after {
	-webkit-filter: drop-shadow( 0.25rem 0 0 #000 ); /* 2 */
	-moz-filter: drop-shadow( 0.25rem 0 0 #000 ); /* 2 */
	-ms-filter: drop-shadow( 0.25rem 0 0 #000 ); /* 2 */
	-o-filter: drop-shadow( 0.25rem 0 0 #000 ); /* 2 */
	filter: drop-shadow( 0.25rem 0 0 #000 ); /* 2 */
}