@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#373737;
	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:#373737; }
a:hover{ color:#2754bb;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}
.barwrap{ width:100%;position:fixed; background:#FFF; top:0; left:0; right:0; height:152px; margin-left:auto;margin-right:auto;z-index:1000000;}
.barwrap.on{ animation-name: down; height:152px; animation-duration: 1s;top:0;border-bottom: none;}	

.tctop1{ width:100%; background:url(../images/topbg.jpg) no-repeat top center; height:37px; overflow:hidden; color:#FFF; line-height:37px;}	
.tctop2{ width:1200px; margin:0 auto;}
.sp02{ margin-left:50px; height:37px; line-height:37px; text-align:right;}
.sp02 img{ margin-top:8.5px; float:left; margin-right:10px;}
.sp02 a{ color:#FFF;}
.sp02 a:hover{ color:#FFF; text-decoration:underline;}
/***********************************/

.tcmenu{ width:1200px; height:115px; margin:0 auto;}
#nav {
	width:600px;
	float:left;
	margin-top:21px;
	margin-top:45px;
}
#nav li {
 float: left; width:150px;
}

#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#353535;
	font-size:17px;
}

#nav li a:hover{
	text-decoration:none;
	color:#fe0000;
    width:100%;
}

#nav li a#cur{color:#fe0000;}

#nav li ul {
	line-height:50px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 150px;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	padding-top:20px;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #2754bb;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: 1px solid #fde5b7;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 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  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#fe0101;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
.sp03{ width:184px; background:url(../images/telpic.gif) no-repeat left; margin-top:42px; padding-left:30px; height:25px; line-height:25px; font-size:20px; color:#3e3e3e;}


/*banneræ»šåŠ¨*/
.banner { position:relative; overflow:hidden; width: 100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:80px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:10px; height:20px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#1f4ed3;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
/***************end*************/

.tcsandian{ width:1200px; margin:0 auto; margin-top:50px;}
.tcsandian ul{ width:100%; float:left;}
.tcsandian li{ width:27.33333%; padding:2.5% 1.5%;transform: rotate(0);transition: transform 1s ease; cursor:pointer; float:left; margin:0 1.5%; border-radius:20px; background:#2754bb; color:#FFF;}
.sp04{ width:100%; font-size:20px; text-align:center;}
.sp04 strong{ font-size:60px; font-family:Impact;}
.p01{ width:100%; text-align:center; font-size:15px; margin-top:15px;}
.tcsandian li:hover{ transform: rotate(360deg); background:#fe0000; color:#FFF;}
/***********************************/

.tcabout{ width:100%; margin:0 auto; margin-top:50px; padding-bottom:50px; background-color:#f4f7fe; background-image:url(../images/cmpdian.png); background-repeat:no-repeat; background-position:15% 15%; }
.tcabout1{ width:1200px; margin:0 auto; padding-top:80px; background:url(../images/cmpwenzi.png) no-repeat center bottom; padding-bottom:130px;}
.tcabout1-1{ width:570px; border-right:5px solid #2754bb;}

.tcabout1-2{ width:600px; margin-left:25px;}
.abouth1{ width:100%; font-size:15px; font-weight:normal; text-transform:capitalize; color:#2754bb; margin-top:35px;}
.abouth2{ width:100%; font-size:22px; margin-top:10px;}
.p02{ width:100%; line-height:26px; margin-top:20px; text-align:justify;}
.ul01{ width:100%; margin-top:50px;}
.ul01 li{ width:47%; float:left; background:url(../images/cmpli.gif) no-repeat 0 6px; text-indent:25px; font-size:16px; margin:12px 0;}

.aboutmore{ width:180px; margin-top:30px; height:45px; text-align:center; background:#2754bb; color:#FFF; border-radius:30px; line-height:45px;}
.aboutmore:hover{ background:#fe0000; color:#FFF;}
/*************************************************************/

.chanpinzx{ width:100%; margin:0 auto; background:url(../images/chanpinbg.jpg) no-repeat top center; padding-bottom:50px; background-color:#2754bb; padding-top:80px;}
.chanpinzx1{ width:1200px; margin:0 auto;}
.chanpinzx1 h1{ display:block; width:100%; text-align:center; color:#FFF; font-size:42px; font-weight:bold; text-transform:uppercase;}
.chanpinzx1 p{ width:100%; text-align:center; color:#FFF; margin-top:10px; font-size:20px;}
.chanpinzx2{ width:1200px; margin:0 auto; margin-top:30px;}
.chanpinzx2 ul{ width:100%; float:left;}
.chanpinzx2 li{ width:30%; float:left; margin:1.5%; background:#FFF; border:1px solid #1d3c82; padding-bottom:25px;}
.chanpinzx2 li a img{ width:100%; height:auto; float:left;}
.chanpinzx2 li:hover{ border:1px solid #fe0000;}
.sp05{ width:100%; text-align:center; color:#2d2c2c; line-height:45px;}
.cpmore{ width:30%; margin-left:35%; height:25px; border-radius:30px; margin-top:12px; text-align:center; background:#2754bb; color:#FFF;}
.cpmore:hover{ background:#fe0000; color:#FFF;}

.quanbumore{ width:16%; height:42px;border-radius:30px; margin-top:30px; background:#FFF; color:#2754bb; margin-left:42%; text-align:center; line-height:42px;}
.quanbumore:hover{ background:#fe0000; color:#FFF;}
/*************************************************************/

.youshibg{ width:100%; margin:0 auto; background:url(../images/youshibg.jpg) no-repeat bottom left; margin-top:30px;}
.tcyoushi{ width:1200px; margin:0 auto; padding-top:50px;}
.tcyoushi h1{ display:block; width:100%; float:left; text-align:center; color:#2754bb; font-size:20px; font-weight:normal;}
.tcyoushi h2{ display:block; width:100%; text-align:center; float:left; font-size:30px; font-weight:bold; }

.tcyoushi2{ width:1200px; margin:0 auto; margin-top:30px; padding-bottom:50px;}
.tcyoushi2 ul{ width:100%; float:left; background:url(../images/xiantiao.gif) no-repeat center 80px;}
.tcyoushi2 li{ width:33.33333%; float:left; text-align:center;}
.tcyoushi2 li h1{ display:block; width:100%; float:left; font-size:20px; margin-top:10px; }
.tcyoushi2 li p{ width:100%; float:left; line-height:20px; margin-top:10px;}
/*************************************************/
.yybg{ width:100%; margin:0 auto; background:#f4f7fe; padding:80px 0px 80px 0px;}
.tcyingyong{ width:1200px; margin:0 auto; text-align:center; font-size:42px; font-weight:bold;}
.tcyingyong strong{ color:#2754bb; text-transform:uppercase;}

.tab {
    width: 100%;
    background-image: url(bg1.png);
    background-size: cover;
}
.tab .box {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    height: 650px;
}
.tab .box .menus {
    width: 200px;
    height: 650px;
    background:#2754bb;
    float: left;
    margin-top: 25px;
	cursor:pointer;
    border-radius: 10px;
    overflow: hidden;
}
.tab .box .menus li {
    width: 200px;
    height: 70px;
    background:#2754bb;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #8da9f3;
    line-height: 70px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.tab .box .menus li:nth-child(7) {
    border-bottom: none;
}
.tab .box .bg {
    height: 110px !important;
    background: rgb(0,159,233) !important;
    line-height: 110px !important;
}
.tab .right {
    float: left;
    width: 950px;
    margin-top: 25px;
    height: 650px;
    overflow: hidden;
    margin-left: 50px;
    border-radius: 10px;
    background: rgba(0,0,0,0.5);
}
.tab .tab_right {
    width: 950px;
    height: 650px;
    color: #fff;
    text-align: center;

    position:relative;
}
.tab .tab_right img {
    width: 100%;
    position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
}
.tab .scroll {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
/******************************************************************/
.xwtit{ margin-top:50px;}
.tcnews{ width:1200px; margin:0 auto; margin-top:30px;}
.tcnews1{ width:582px;}
.tcnews1 img{ border-radius:20px; width:100%; height:auto;}

.tcnews2{ width:588px; margin-left:30px;}
.tcnews2 ul{ width:100%; float:left;}
.tcnews2 li{ width:98%; float:left; background:#f4f7fe; border-bottom:5px solid #e1e5f0; padding:2%; margin:12px 0;}
.tcnews2 li a h1{ display:block; width:100%; float:left; font-weight:bold; color:#2754bb; font-size:16px;}
.tcnews2 li a p{ width:100%; float:left; line-height:20px; margin-top:5px;}
.tcnews2 li a span{ display:block; width:100%; float:left; color:#2754bb; margin-top:10px;}
.tcnews2 li:hover{ cursor:pointer; border-bottom:5px solid #2754bb;}
/*****************************************************************/

.tcyx{ width:1160px; padding:0 20px; margin:0 auto; border-radius:20px; background:#2754bb; margin-top:50px; position:relative; z-index:100000;}
.tcyx1{ width:50%; color:#FFF; margin-left:3%;}
.tcyx1 h1{ display:block; width:100%; float:left; font-size:17px; margin-top:50px;}
.tcyx1 p{ width:100%; float:left; font-size:30px; margin-top:12px;}
/********************************************************/

.tcfoot{ width:100%; margin:0 auto; background:#000000; position:relative; margin-top:-60px;}
.tcfoot1{ width:1200px; margin:0 auto; padding-top:130px; border-bottom:1px solid #d1d0d0; padding-bottom:35px;}
.tcfoot1-1{ width:260px;}
.tcfoot1-1 p{ width:100%; color:#d1d0d0; float:left; line-height:21px; margin-top:10px;}
.zsimg{ margin-top:20px;}

.tcfoot1-2{ width:90px;}
.h01{ width:100%; font-size:20px; color:#2754bb;}
.tcfoot1-2 ul{ width:100%; float:left; margin-top:10px;}
.tcfoot1-2 li{ width:100%; float:left; margin:7px 0;}
.tcfoot1-2 li a{ color:#d1d0d0;}
.tcfoot1-2 li a:hover{ color:#FFF; text-decoration:underline;}


.tcfoot1-3{ width:185px;}
.tcfoot1-3 ul{ width:100%; float:left; margin-top:10px;}
.tcfoot1-3 li{ width:100%; float:left; margin:7px 0;}
.tcfoot1-3 li a{ color:#d1d0d0;}
.tcfoot1-3 li a:hover{ color:#FFF; text-decoration:underline;}


.tcfoot1-4{ width:275px;}
.tcfoot1-4 ul{ width:100%; float:left; margin-top:10px;}
.tcfoot1-4 li{ width:100%; float:left; margin:7px 0;}
.tcfoot1-4 li a{ color:#d1d0d0;}
.tcfoot1-4 li a:hover{ color:#FFF; text-decoration:underline;}

.fotmm{ margin-left:130px;}

.tcfoot2{ width:1200px; margin:0 auto; line-height:50px; color:#d1d0d0;}
.tcfoot2 a{ color:#d1d0d0; text-decoration:underline;}
.tcfoot2 a:hover{ color:#FFF; text-decoration:none;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ffb400 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ffb400 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#ffb400 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.neiba {
    overflow: hidden;
    width: 100%;
	position:relative;

}
.neibaa{ margin-top:152px;}

.neiyeba{
    height:257px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.neiyeba2{
	height:320px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	}

/**********************************************************************/

.tcneiye{ width:100%; background:#f5f5f5; margin:0 auto; padding:55px 0;}

.tcneiyedh{ width:1200px; margin:0 auto; border-bottom:1px solid #cac9c9; height:16px; line-height:16px; padding-bottom:30px;}
.tcneiyedh a{ text-decoration:underline; color:#fe0000;}

.mksousuo2{ width:20%; background:#FFF; height:32px;}
.inp0{ width:85%; height:32px; border:none; float:left; text-indent:12px;}
.inp1{ width:32px; float:right; height:32px;}
/************************************/

.tcneiyeabout{ width:1200px; margin:0 auto; margin-top:35px;}
.tcneiyeabout1{ width:260px;}
.sp06{ width:100%; padding:25px 0; text-align:center; background:#2754bb; color:#FFF; font-size:20px; font-weight:bold;}

.ul02{ width:100%;}
.ul02 li{ width:100%; float:left; text-align:center; margin:5px 0; background:#CCC;}
.ul02 li a{ display:block; width:100%; padding:15px 0; float:left; color:#666; font-size:16px;}
.ul02 li a:hover{ background:#fe0000; color:#FFF;}
/**********************/

.tcneiyeabout2{ width:869px; margin-left:10px; border-left:1px solid #ebebeb; background:#FFF; padding:30px;}
.h02{ width:100%; font-size:25px;}
.tcneiyeabout2-1{ width:100%; line-height:26px; margin-top:15px; text-align:justify; border-top:1px solid #999999; padding-top:30px; font-size:16px;}
.tcneiyeabout2-1 p{ text-indent:15px;}
/******************************************/

.ul03{ width:100%;}
.ul03 li{ width:94%; float:left; padding:3%; border:1px solid #CCC; margin-bottom:5px;}
.sp07{ width:100%;}
.tcxediv{ width:100%;}
.tcxediv h1{ display:block; width:100%; float:left; font-size:20px;}
.tcxediv p{ width:100%; float:left; line-height:20px; margin-top:10px; text-align:justify;}
.sp08{ display:block; width:100px; border:1px solid #fe0000; height:32px; line-height:32px; text-align:center; color:#fe0000; margin-top:15px;}
.ul03 li:hover .sp08{ background:#fe0000; color:#FFF;}
/***********************************************/

.ul04{ width:100%;}
.ul04 li{ width:30.33333%; float:left; margin:1.5%;}
.cpimg{ width:100%; height:auto;}
.sp09{ width:98%; border-left:5px solid #fe0000; height:20px; line-height:20px; text-indent:12px; font-size:17px; margin-top:20px;}
.cpdiv{ width:100%; font-size:12px; line-height:20px; margin-top:12px; color:#666666; border-top:1px solid #666; padding-top:10px;}
/**************************************************/
.langyunr01{ width:100%; float:left;font-size:20px; font-weight:bold; color:#0074e8; border-bottom:1px dotted #0074e8; padding-bottom:10px; margin-top:40px;}
.nhhuanying{ width:90%; margin:0 auto; padding:5%; background:#f4f7fe; line-height:27px; }
.nhhuanying img{ margin-top:30px; float:left;}

.message{width:100%; float:left;  }
.blzh8{ width:100%; font-size:17px; color:#000; text-align:center;}
.message .box{  margin-top:50px;}
.message li{ width:100%; float:left; height:47px; margin:10px 0; }
#liuyan2{ width:100%; height:80px; margin:10px 0; float:left;}
.mklxsp1{ width:8%; line-height:45px; text-align:right;}
.input-text{ width:85%; margin-left:2%; height:45px; line-height:45px; text-indent:12px; border:1px solid #CCC;float:left; outline:none;}
.input-text2{ width:85%; margin-left:2%; height:80px; line-height:23px; padding-top:10px; font-size:14px; font-family:Microsoft YaHei; text-indent:12px; border:1px solid #CCC;float:left; outline:none;}
.mklxsp2{ width:4%; color:#F00; font-size:18px; font-weight:bold;line-height:45px; text-align:right;}

.yanzm1{ width:20%;height:45px; line-height:45px;outline:none; float:left;margin-left:2%;text-indent:12px;  border:1px solid #CCC;}
.yanzm2{ width:12%;height:45px; line-height:45px;outline:none; border:1px solid #930; background:#960; color:#FFF;float:left;margin-left:2%;text-align:center; font-size:30px; font-family:"Script MT Bold";}
.hyzz{ width:10%; line-height:45px; margin-left:2%;}

.tijiaoanniu{ width:100%; float:left;}
.button00{ margin-left:10%; width:150px; line-height:40px; height:40px; text-align:center; cursor:pointer;}
.button02{ width:150px; line-height:40px; height:40px; text-align:center; cursor:pointer;}
/********************************************/


.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.2%; 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%;}	
	