@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#5d5d5d;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#5d5d5d; }
a:hover{ color:#2776c8;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

.hctop{ width:100%; height:42px; line-height:42px; background:#8d8b8b; color:#FFF;}
.hctop1{ width:1250px; margin:0 auto;}
.hcsp1{ width:225px; background:url(../images/telico.png) no-repeat left; height:27px; line-height:27px; padding-left:30px; margin-top:7.5px;}
.hcsp2{ width:70px; color:#FFF; background:url(../images/enico.png) no-repeat left; height:24px; line-height:24px; padding-left:32px; margin-top:9px;}
.hcsp2 a{ text-decoration:underline; color:#FFF;}
.hcsp2 a:hover{ text-decoration:none; font-weight:bold;}


.hcmenu{ width:1250px; margin:0 auto; height:91px;}
#nav {width:963px; float:left; margin-top:20px;}
#nav li a {
	display: block;
	width: 120px;
	text-align:center;
	color:#333333;
	font-size:15px;
	font-weight:bold;
}
#nav li {
 float: left; width:120px; height:50px; line-height:50px;
}

#nav li a:hover{
	text-decoration:none;
	color:#2776c8;
    width:120px;
}

#nav li a#cur{
color:#2776c8;
    width:120px;

}

#nav li ul {
	line-height:50px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 135px;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #2776c8;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	border-left: none #F9F9F9;
}
#nav li ul li a{
	 color:#FFF;
 display: block;
  width: 100%;
  text-align:center;
 font-size:13px;
 font-weight:normal;
 background:none;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover{
	width:100%;
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#a6a6a6;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

/******************************/	
/*	
.barwrap{ width:100%;position:fixed; top:50px; left:0; right:0; margin-left:auto;margin-right:auto;z-index:10000;}
.barwrap.on{ animation-name: down; height:105px; animation-duration: 1s;background:url(../images/menubg.png) repeat;top:0;border-bottom: none;}*/
.ad{text-align: center;}
.ad .item{ font-size: 0;background: #535353;}
.owl-theme .owl-controls{ margin-top: -45px !important;}
/*******************************************************************/

.hcgongcheng{ width:100%; margin:0 auto; background:#999999; height:192px; overflow:hidden;}
.hcgongcheng1{ width:1250px; margin:0 auto;}
.hcul01{ width:1146px;}
.hcul01 li{ width:143px; text-align:center; float:left; margin:20px 23px 0 23px;}
.hcul01 li a img{ margin-bottom:10px; border-radius:50%; border:3px solid #FFF;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1), -5px -5px 5px rgba(88, 87, 87, 1);}
.hcul01 li a{ color:#FFF; font-size:13px; line-height:17px;}
.hcul01 li:hover a img{ border:3px solid #2776c8;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(255, 255, 255, 0.8), inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px rgba(255, 255, 255, 1);  transition: box-shadow .2s ease-out;}
.hcul01 li:hover a{ color:#2776c8;}
/****************************************/

.hcprozx{ width:1250px; margin:0 auto; margin-top:50px; line-height:50px; text-align:center; font-size:40px; color:#76767f; text-transform:uppercase;}
.hcprozx span{ color:#000; font-size:30px;}

.hcprozx2{ width:1250px; margin:0 auto; margin-top:35px;}
.hcprozx2-1{ width:650px;}
.cpimg1{}
.hcsp3{ width:600px; height:90px; padding-top:10px; line-height:35px; background:#2776c8; color:#FFF; padding-left:50px; font-size:18px;}
.hcsp3 strong{ font-size:36px;}

.hcprozx2-2{ width:300px;}
.hcsp4{ width:285px; height:96px; padding-top:15px; line-height:37px; background:#2776c8; color:#FFF; padding-left:15px; font-size:16px;}
.hcsp4 strong{ font-size:22px;}

.hcprozx2-3{ width:300px;}
.hcprozx2-3-1{ width:300px;}
.hcsp5{ width:290px; height:49.5px; line-height:49.5px; background:#2776c8; color:#FFF; padding-left:10px;}
.hcsp5 strong{ font-size:17px;}
.hcprozx2-3-2{ width:300px;}

#products{ width:1250px; margin:0 auto; margin-top:35px;}
#products #products_con{ height:180px; margin-left:1px;}
#products_con .LeftBotton {height:262px; width:30px; background:url(../images/leftaniu.gif) 0px center no-repeat; float:left; cursor:pointer;}
#products_con .LeftBotton:hover{ background:url(../images/leftaniu2.gif) 0px center no-repeat;}
#products_con .RightBotton {height:262px; width:30px; background:url(../images/rightanniu.gif) 0px center no-repeat; float:right; cursor:pointer;}
#products_con .RightBotton:hover{ background:url(../images/rightanniu2.gif) 0px center no-repeat;}
#products_con .Cont {width:1188px; overflow:hidden; float:left;}
#products_con .ScrCont{width:10000000px; padding:0; float:left;}
#products_con #List1, #products_con #List2 {float:left; padding:0px; margin:0px;}
#products_con .Cont li{ margin:20px 18px 20px 17px; float:left; list-style:none; overflow:hidden; text-align:center;}
#products_con .Cont li a{ font-weight:bold;}
#products_con img{ border:1px solid #cdcdcd; margin-bottom:10px; width:260px; height:auto;}
#products_con img:hover{border:1px solid #2776c8;}
#products_con a{ display:block;}
/*****************************************************/

.hcabout{ width:100%; margin:0 auto; background:#536b87; color:#FFF; margin-top:20px; padding-bottom:42px;}
.hcabout1{ width:1250px; margin:0 auto; padding-top:35px;}
.hcabout1-1{ width:500px;}
.hcsp6{ width:100%; font-size:29px; text-transform:uppercase;}
.hcsp6 strong{ font-size:40px; text-transform:uppercase;}
.hch1{ width:100%; font-size:28px; margin-top:5px; font-weight:normal;}

.hcmore1{ width:160px; height:47px; background:#FFF; text-align:center; font-size:16px; line-height:47px;}
.hcmore1:hover{ background:#2776c8; color:#FFF;}

.hcabout2{ width:1250px; margin:0 auto; margin-top:15px;}
.hcp1{ width:639px; margin-left:35px; line-height:26px; color:#FFF; text-align:justify;}
/******************************/

.hcxinwenzx{ width:1250px; margin:0 auto; margin-top:35px;}
.hcsp7{ width:100%; font-size:29px; text-transform:uppercase;}
.hcsp7 strong{ font-size:40px; text-transform:uppercase; color:#2776c8;}
.hch2{ width:100%; font-size:28px; margin-top:5px; font-weight:normal;}

.hcmore2{ width:160px; height:47px; background:#2776c8; color:#FFF; text-align:center; font-size:16px; line-height:47px;}
.hcmore2:hover{ background:#e09e01; color:#FFF;}

.hcxinwenzx2{ width:1250px; margin:0 auto; margin-top:25px;}
.hcxinwenzx2 ul{ width:100%; float:left;}
.hcxinwenzx2 li{ width:22%; float:left; margin:0 1.5%;}
.xwimg{ width:100%; height:auto;}
.hcxwdiv{ width:100%;}
.hcxwdiv h1{ display:block; width:100%; float:left; color:#595959; font-weight:normal; font-size:16px; margin-top:25px; border-bottom:1px solid #ededed; padding-bottom:12px;}
.hcxwdiv h2{ display:block; width:100%; float:left; color:#595959; font-size:13px;font-weight:normal; margin-top:15px; text-align:justify;}
.hcsp8{ width:28px; height:23px; line-height:23px; border:1px solid #cccccc; text-align:center; margin-top:25px;}
.hcxinwenzx2 li a:hover span{ background:#2776c8; color:#FFF;}
.hcxinwenzx2 li a:hover h1{ color:#2776c8;}
.hcxinwenzx2 li a:hover h2{ color:#2776c8;}
/*************************************************************/

.hchezuo{ width:100%; background:#ededed; height:171px; overflow:hidden; margin-top:35px;}
.hchezuo1{ width:1250px; margin:0 auto;}
.hcul02{ width:1146px;}
.hcul02 li{ width:180px; float:left; margin:37px 5px 0px 6px;} 
/*********************/

.hcfoot{ width:100%; margin:0 auto; background:#424141; padding:50px 0;}
.hcfoot1{ width:1250px; margin:0 auto; color:#FFF;}
.hcsp9{ width:200px; background:url(../images/telico2.png) no-repeat left; height:27px; line-height:27px; padding-left:35px; color:#FFF; margin-left:25px; margin-top:15px; }

.hcfoot1-2{ width:1250px; margin:0 auto;}
.hcfoot1-2-1{ width:980px; color:#FFF;}
.hcul03{ width:100%; margin-top:25px;}
.hcul03 li{ width:25%; float:left;}

.hcul04{ width:100%; margin-top:10px;}
.hcul04 li{float:left; margin-right:30px;}

.hcul05{ width:100%; margin-top:10px;}
.hcul05 li{ float:left; margin-right:15px;}


.hcul06{ width:100%; margin-top:10px;}
.hcul06 li{ float:left; margin-right:15px;}

.hcul07{ width:100%; margin-top:30px;}
.hcul07 li{ float:left;line-height:25px; width:32.3333%; font-size:13px;}

.hceweima{ width:270px;}
.hceweima ul{ width:270px;}
.hceweima li{ width:105px; margin:0 15px; float:left; text-align:center; color:#FFF;}
.hceweima li img{ margin-bottom:12px;}

.hcfoot2{ width:100%; margin:0 auto; border-bottom:1px solid #777777;border-top:1px solid #777777; margin-top:30px;}
.hcfoot2-1{ width:1250px; margin:0 auto; height:50px; line-height:50px; color:#ffffff;}
.hcfoot2-1 a{ color:#FFF; text-decoration:underline;}
.hcfoot2-1 a:hover{ text-decoration:none;}
/**************************************/
.toTop{width:60px;height:60px; border-radius:50%; color:#FFF;background:#fac551; text-align:center; line-height:60px;cursor:pointer;position:fixed;right:40px;bottom:100px;}
/******************************/
.neiba {
    overflow: hidden;
    width: 100%;
}
.neiyeba{
    height:300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.hcgsjs{ width:1250px; margin:0 auto; position:relative; margin-top:-115px; margin-bottom:30px;}
.hcmenulist{ width:245px;}
.hcsp10{ width:100%; height:115px; line-height:115px; background:#2776c8; color:#FFF; font-size:24px; font-weight:bold; text-align:center;}

.hcul08{ width:100%; background:#fbf9f9;}
.hcul08 li{ width:100%; float:left; border-bottom:1px solid #e5e4e4; text-align:center;}
.hcul08 li a{ display:block; width:100%; line-height:50px; height:50px;}
.hcul08 li a:hover{ display:block; width:100%; line-height:50px; height:50px; background:#2776c8; color:#FFF;}
.hcul08 li a#neicur{ display:block; width:100%; line-height:50px; height:50px; background:#2776c8; color:#FFF;}

.hcnoteright{ width:970px; margin-left:35px; margin-top:70px;}
.hcnoteright-1{ width:97%; font-size:16.5px; background:url(../images/about_r_position.png) no-repeat left; height:18px; line-height:18px; color:#FFF; padding-left:22px;}
.hcnoteright-1 a{ color:#FFF;text-decoration:underline;}
.hcnoteright-1 a:hover{ color:#FFF; text-decoration:none;}
/**********/
.hcnoteright-2{ width:100%; line-height:27px; margin-top:50px;}
/**************/
.hcnoteright-3{ width:100%; margin-top:50px;}
.hcnoteright-3 ul{ width:100%; float:left;}
.hcnoteright-3 li{ width:30.33333%; float:left; margin:1.5%;}
.hcnoteright-3 li a img{ width:99.3%; height:auto; float:left; border:1px solid #2776c8;}
.hcnoteright-3 li a span{ display:block; width:100%; float:left; height:42px; line-height:42px; background:#2776c8; color:#FFF; text-align:center;}
.hcnoteright-3 li:hover span{ background:#fac551; color:#FFF;}
.hcnoteright-3 li:hover img{border:1px solid #fac551;}
/********/
.hcnoteright-4{ width:100%; margin-top:50px;}
.hcnoteright-4 ul{ width:100%; float:left;}
.hcnoteright-4 li{ width:100%; float:left; border-bottom:1px solid #d4d5d6; margin-bottom:20px; padding-bottom:25px;}
.hcnoteright-4 li a{ display:block; width:100%; float:left;}
.hcsp11{ width:20%; background:#2776c8; color:#FFF; height:50px; line-height:50px; font-size:18px; margin-top:20px; text-align:center; border-radius:50px;}

.hcxwdiv2{ width:75%; margin-left:5%;}
.hcxwdiv2 h1{ display:block; width:100%; float:left; font-size:17px;}
.hcxwdiv2 h2{ display:block; width:100%; float:left; font-size:15px; margin-top:12px; line-height:23px; font-weight:normal; color:#999;}
.hcsp12{ width:100px; height:30px; color:#2776c8; line-height:30px; border:1px solid #2776c8; margin-top:25px; text-align:center;}
.hcnoteright-4 li:hover .hcsp12{ background:#2776c8; color:#FFF;}
.hcnoteright-4 li:hover .hcxwdiv2 h2{ color:#2776c8;}
/*******************/

.hcnoteright-5{ width:100%; margin-top:50px;}
.dyh3{ width:100%; text-align:center; font-size:20px; color:#2776c8;}
.dyxian{ display:block; width:100%; float:left; border:none; background:url(../images/xiantiao1.png) no-repeat center; height:3px; margin-top:15px;}


.dynei4{ width:100%; margin-top:25px;}
.dynei4-1{ width:100%; line-height:24px; border-bottom:1px solid #CCC; padding-bottom:50px;}

.dynei4-2{ width:100%; margin-top:30px;}
.dynei4-2 h1{ display:block; width:100%; font-size:20px; color:#2776c8; float:left;}
.dynei4-2 ul{ width:100%; margin-top:12px; float:left;}
.dynei4-2 li{ width:50%; float:left; margin:10px 0;}

.dynei4-3{ width:100%; margin-top:30px;}
.message{ width:100%; float:left;}
.blzh8{ display:block; width:100%; font-size:20px; color:#2776c8;}
.message .box{  margin-top:50px;}
.message .box li{line-height:47px;margin-bottom:25px; }
.message .box li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#b59665;}
.message .box li textarea.input-text{height:84px;line-height:24px;resize:none;}
.message .box li.btn{ margin:0 1.5%;}
.message .box li .button{cursor:pointer;width:47%;border:none;height:40px;background-color:#2776c8;border-radius:20px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#d63f0c; color:#FFF;} 
/*****************************/

.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}