@charset "utf-8";
body {width:100%; padding:0px; margin:0px; font:14px/1.2 Arial, Tahoma, Helvetica, "微软雅黑", sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important;}
ol, ul, li, p { list-style: none outside none; padding: 0;margin: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
img{ border:0px}
form{ margin: 0; padding: 0; }
/*--类--*/
.warp { width: 1230px; margin: 0 auto; position: relative; }
#header{ height: 71px;
    border-bottom: 1px solid #ebebeb;
    margin: 0 auto;
    background-color: #FFF;
    position: relative;
    margin-top: 15px;}
#header .mask{ height:270px; background:url(../image/subnav_bg.png); width:100%; position:absolute; top:100%; left:0; z-index:1; display:none;}
#header .logo{ width:1230px; height:91px; overflow:hidden; position:absolute; left:0; top:0;}
#header .logo:after{ content:''; display:inline-block; vertical-align:middle; width:0; height:100%; overflow:hidden;}
#header .logo img{ max-width:100%; max-height:100%; vertical-align:middle;}
#header .nav{ position:absolute; left:280px; top:10px;}
#header .nav>ul>li{ float:left; position:relative; border-bottom:#dcdcdc 1px solid}
#header .nav>ul>li a{ display:block; font-size:16px; line-height:50px; color:#474747; text-align:center; padding:0 15px;}
#header .nav ul li .subNav{ width:100%; position:absolute; left:0; top:100%; z-index:1; display:none;}
#header .nav ul li .subNav ul{ height:225px; border-right:1px solid #d2d2d2; padding:18px 0 26px; margin-top:30px}
#header .nav ul li .subNav.first ul{ border-left:1px solid #d2d2d2;}
#header .nav ul li .subNav ul li{ width:100%; padding:6px 0;}
#header .nav ul li .subNav ul li a{ width:100%; padding:0; font-size:14px; line-height:14px; color:#707070;}
#header .nav ul li a:hover,#header .nav ul li .subNav ul li a:hover{ color:#00a0e9;}
#header .nav ul li:hover .subNav{ background:url(../image/subnavli_bg.png);}
#header .nav ul .cur a{ color:#00a0e9;}
#header .tools{ position:absolute; right:0; top:25px; overflow:hidden;}
#header .tools .tel{ background:url(../image/header_tools_icos.png) left top no-repeat; padding-left:38px; font-size:20px; font-weight:bold; line-height:31px; color:#5fb8cb; float:left; margin-right:22px;}
#header .tools .search{ float:left; background:url(../image/header_tools_icos.png) left bottom no-repeat; padding:0 34px 0 14px; position:relative;}
#header .tools .search input{ width:105px; height:29px; color:#909090; font-size:12px; line-height:64px; line-height:29px; background-color:transparent;  margin: 0; padding: 0;outline: none; border:0 none; }
#header .tools .search button{ width:29px; height:29px; position:absolute; right:0; top:0; cursor:pointer; background-color:transparent;font:14px/100% "微软雅黑"; outline: none; border:0 none; }



ol, ul, li { list-style: none outside none; padding: 0; }
a { text-decoration: none; }
a:focus { outline: none; }
img { border: none; vertical-align: middle; }

.t_help{ padding-bottom:108px; float:left; width:100%; background:#f6f6f6;}
.t_help .head{ padding:106px 0 32px; text-align:center; font-size:26px; line-height:40px; color:#474747;}
.t_help .head p{ color:#909090;}
.t_help ul{width:880px;margin:0 auto;}
.t_help ul li{ width:220px; float:left; text-align:center;}
.t_help ul li a .circle{ position:relative; width:170px; height:171px; margin:0 auto;}
.t_help ul li a .circle .ico1{ width:100%; height:100%;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	}
.t_help ul li a .circle .ico2{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	}
.t_help ul li a:hover .circle .ico1{ opacity:0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	}	
.t_help ul li a:hover .circle .ico2{ opacity:1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
.t_help ul li a .txt{ padding-top:30px;}
.t_help ul li a .txt h3{ font-size:20px; color:#474747; margin-bottom:8px;font-weight: normal;}
.t_help ul li a .txt h4{ font-size:16px; color:#909090; text-transform:uppercase;font-weight: normal;}
.clear:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.clear { *zoom:1; }

#footer{ width:100%; float:left; height:136px; background-color:#3d3d3d; font-size:12px; color:#FFF; line-height:18px;}
#footer .link{ overflow:hidden; position:absolute; left:20px; top:20px;}
#footer .link li{ float:left; padding:0 2px;}
#footer .copy{ padding-top:35px; text-align:center;}
#footer .ftbj{ }
#footer a{ color:#FFF;}
#footer a:hover{ color:#909090;}


/* logo*/
.header{width:100%;max-width:1920px;margin:0 auto;position:relative;height:148px;}
/* .logo{width:290px;position:absolute;left:0;top:0;overflow:hidden;height:75px;} */
.logoBox{width:112px;height:124px;margin:0 auto;position:relative;z-index:5;top:6px;left:2px;}
h1.logoPNG{width:112px;height:124px;background-position:0 -150px;display:block;text-indent:-5000px;position:relative;top:-8px;left:-1px;}
.logoBox{position:relative;z-index:3;}
/* nav*/
.topNav{height:48px;width:100%;position:absolute;margin:0 auto;overflow:hidden;z-index:4; background:url(../image/lin.jpg) repeat-x;}
.topNav2{width:200%;position:absolute;left:-50%;top:0;}
.navBox{width:1920px;margin:0 auto;position:relative;color:#5c5c5c}
.navIndexBg{width:1920px;position:absolute;height:75px;left:0;top:0;}
.navMain{width:1230px;margin:0 auto;height:48px;position:relative; }
.navIndex{ width:1230px; float:left;height:48px; }
.navIndex li{font-size:16px;float:left;line-height:48px;height:48px; padding:0px 27px;text-align:center; background:url(../image/lins.jpg) no-repeat left;}
.navIndex a{color:#fff;display:block;}
.navIndex a:hover{color:#01b3c4;}
.nav1{margin-right:142px;}
.navSub{width:1230px; background:url(../image/tli_03.png) no-repeat left 34px top 20px; display:none;overflow:hidden; background-color:rgba(255,255,255,0.85); }
.navSub a{display:block;height:26px;margin:0 auto; }
.navSub dl{ float:left;text-align:center;line-height:26px;position:relative;padding-top:10px; width:118px; margin-top:0px;}
.navSub dd{position:relative; font-size:14px; cursor:pointer; text-align:center; margin:0px; }

.navSub dl:hover{ background-color:#104a9e; color:#ffffff; height:270px}
.nav2{margin-left:120px;}