﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
.site-wrp{ width: 1000px; margin: 0 auto;}
.pfit .site-wrp{padding-left:40px;}
/*banner*/

.fullSlide {
	width:100%;
	position:relative;
	height:547px;
	overflow:hidden;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:551px;
	overflow:hidden;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;
}
.fullSlide .bd li a {
	display:block;
	height:551px;
}
.fullSlide .hd {
	display: block; left: 50%; margin-left:-500px; top: 488px; position: absolute;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li 
{
    display: inline-block; width: 36px; height: 5px; background: #e0e0e0; margin-right: 9px; transition:background 0.3s; overflow: hidden;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background: #ff4a00; text-decoration: none;
}
.fullSlide .prev{ position:absolute; top:190px; left:40px; width:52px; height:92px; z-index:2;}
.fullSlide .next{ position:absolute; top:190px; right:40px; width:52px; height:92px; z-index:2;}

/**/
.pfit{ display: block; padding-top: 77px; height: 298px; overflow: hidden; background: url(../images2/pfit.jpg) no-repeat center top; font-family: "Microsoft YaHei"; border-bottom: 1px solid #e3e3e3;padding-top:0px;height:375px;}
.pfit h2{ display: block; overflow: hidden; color: #ff4a00; font-size: 38px; text-align: center; background: url(../images2/pfit-tit.gif) no-repeat center top; padding-left: 12px; display: block; height: 85px; line-height:60px;}
.pfit .pft-wrp{ display: block; overflow: hidden; padding-left:290px; height: 190px;}
.pft-wrp small{ display: block; overflow: hidden; float: left; width: 60px;}
.pft-wrp small img{ display: block; overflow: hidden;}
.pft-wrp span{ display: block;float: left; width: 480px; padding-left: 10px; height: 170px;}
.pft-wrp span em{ display: block; font-style: normal; width: 315px; height: 36px; text-align: center; left: 36px; background: #656565; color: #fff; font-size: 28px;}
.pft-wrp span p{ display: block; font-size: 32px; color: #656565;}
.pft-wrp span p.fit-1 b{ font-size: 56px; vertical-align: middle; font-family:impact,arial; font-weight: normal; padding-right:7px; line-height: 58px;color: #e70052; }
.pft-wrp span p.fit-2 b{ font-size:64px; vertical-align: middle; font-family:impact,arial; font-weight: normal; padding-right:7px; line-height: 58px;}
.pft-wrp span p.fit-2 i{ font-style: normal; color: #e70052; font-size: 54px; font-weight: bold; line-height: 56px;}
/**/
.case{ display: block; overflow: hidden; font-family: "Microsoft YaHei"; padding-top: 34px; height: 565px; border-bottom: 1px solid #cdcdcd}
.case .case-menu{ display: block; overflow: hidden; width: 225px; overflow: hidden; margin-left:14px; border: 4px solid #e3e3e3; display: inline; padding-bottom: 12px;}
.case-menu ul{ display: block; overflow: hidden; padding-left: 80px; padding-top: 27px; background: url(../images2/case-num.gif) 48px 39px no-repeat;}
.case-menu li{ height: 40px; line-height: 40px; overflow: hidden; vertical-align: middle;}
.case-menu li a{ color: #6e6e6e; font-size: 14px;}
.case-menu .u-more{ display: block; height: 116px; line-height: 116px; color: #121315; font-size: 18px; text-align: center;}
.case-wrp{ display: block; overflow: hidden; float: right; width: 730px; overflow: hidden;}
.case-wrp .case-show{ display: block;height:295px; padding-top: 62px; overflow: hidden; margin-bottom: 19px;width: 728px;}
.case-wrp .case-show img{ display:block; width:728px; height:auto; overflow:hidden; float:left;}
.case-wrp .case-tab{ display: block; overflow: hidden; width: 740px;}
.case-tab li{ display: block; overflow: hidden; float: left; width: 133px; text-align: center;}
.case-tab li a{ display: block; overflow: hidden; text-align: left; padding-left: 35px; color: #454545; font-size: 16px;}
.case-tab li em{ font-style: normal; width: 60px; overflow: hidden; height:80px; display: block; display: block;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.case-tab li i{ font-style: normal; display: block; text-transform: uppercase; color: #c9c9c9; font-size: 14px; line-height:24px;}
.case-tab li a:hover{ text-decoration: none;}
.case-tab li.case-1 em{ background: url(../images2/case-ico1.gif) no-repeat left top;}
.case-tab li.case-1:hover em,.case-tab li.case-1.cur1 em{ background: url(../images2/case-ico1.gif) no-repeat -60px top;}
.case-tab li.case-2 em{ background: url(../images2/case-ico2.gif) no-repeat left top;}
.case-tab li.case-2:hover em,.case-tab li.case-2.cur2 em{ background: url(../images2/case-ico2.gif) no-repeat -60px top;}
.case-tab li.case-3 em{ background: url(../images2/case-ico3.gif) no-repeat left top;}
.case-tab li.case-3:hover em,.case-tab li.case-3.cur3 em{ background: url(../images2/case-ico3.gif) no-repeat -60px top;}
.case-tab li.case-4 em{ background: url(../images2/case-ico4.gif) no-repeat left top;}
.case-tab li.case-4:hover em,.case-tab li.case-4.cur4 em{ background: url(../images2/case-ico4.gif) no-repeat -60px top;}
.case-tab li.case-5 em{ background: url(../images2/case-ico5.gif) no-repeat left top;}
.case-tab li.case-5:hover em,.case-tab li.case-5.cur5 em{ background: url(../images2/case-ico5.gif) no-repeat -60px top;}
/**/
.store{ display: block; background: url(../images2/store.jpg) no-repeat center top; height: 525px; overflow: hidden; border-top: 1px solid #fff; font-family: "Microsoft YaHei"}
.store h2{ display: block; height: 95px; line-height:95px; font-size: 32px; text-align: center; color: #4f4f4f;}
.store h2 b{ color: #ff6000;}
.ste-wrp{ display: block; overflow: hidden; height: 368px; position: relative;}
.ste-wrp span{ display: block; position: absolute; font-size: 16px; line-height: 24px; font-weight: bold; color: #6e6e6e}
.ste-wrp span.ste-1{ left: 57px; top: 88px;}
.ste-wrp span.ste-2{ left: 145px; top: 180px; color: #d06767}
.ste-wrp span.ste-3{ left: 240px; top: 123px;}
.ste-wrp span.ste-4{ left: 320px; top: 30px;}
.ste-wrp span.ste-5{ left: 653px; top: 92px; font-size: 14px; line-height: 22px;}
.ste-wrp span.ste-6{ left: 787px; top: 68px;}
.ste-wrp span.ste-7{ left: 737px; top: 160px;}
.ste-wrp span.ste-8{ left: 867px; top: 175px;}
/**/
.pro{ height:424px; border-bottom: 1px solid #ececec; background: #f1f1f1; overflow: hidden; font-family: "Microsoft YaHei"}
.pro h2{ display: block; height:122px; color: #585858; overflow: hidden; text-align: center;}
.pro h2 a,.pro h2{ color: #585858; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei"}
.pro h2 b{ display: block; overflow: hidden; text-transform: uppercase; color: #bcbcbc; font-size: 26px; font-weight: normal; font-family: Impact,arial;}
.pro h2 i{ display: block; overflow: hidden; color: #ff4a00; font-size: 30px; font-weight: normal; font-style: normal; background: url(../images2/pro-bor.gif) no-repeat center center; font-family: "Microsoft YaHei"}
.pro-wrp{ display: block; overflow: hidden;}
.pro-wrp dl{ display: block; overflow: hidden; float: left; width: 240px; overflow: hidden;}
.pro-wrp dt{ display: block; overflow: hidden; width: 106px; margin: 0 auto}
.pro-wrp dt a{ display: block; overflow: hidden;}
.pro-wrp dt img{ display: block; overflow: hidden; width: 106px; height: 106px; overflow: hidden;}
.pro-wrp dd{ display: block;}
.pro-wrp h3{ display: block; overflow: hidden; text-align: center; color: #303036; font-size:20px; font-weight: normal; height: 80px; line-height: 80px;}
.pro-wrp h3 a{ color: #303036}
.pro-wrp p{ padding-left: 50px; color: #464646; font-size: 16px;}
/**/
.ser{ display: block; overflow: hidden;height: 595px; border-bottom: 1px solid #d7d7d7; background: #f2f2f2; font-family: "Microsoft YaHei"}
.ser h2{ display: block; height:122px; color: #585858; overflow: hidden; text-align: center;}
.ser h2 a,.ser h2{ color: #585858; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei"}
.ser h2 b{ display: block; overflow: hidden; text-transform: uppercase; color: #bcbcbc; font-size: 26px; font-weight: normal; font-family: Impact,arial;}
.ser h2 i{ display: block; overflow: hidden; color: #ff4a00; font-size: 30px; font-weight: normal; font-style: normal; background: url(../images2/pro-bor.gif) no-repeat center center; font-family: "Microsoft YaHei"}
.ser-wrp{ display: block; border: 1px solid #e5e5e5; background: #ffffff; border-right: none; width: 956px;}
.ser-wrp h3{ display: block; overflow: hidden; height: 85px; line-height: 83px; overflow: hidden;}
.ser-wrp h3 a{display: block; width: 238px; border-right:1px solid #e5e5e5; float: left; text-align: center; color: #313339; border-bottom: 3px solid #e5e5e5; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.ser-wrp h3 a:hover,
.ser-wrp h3 a.cur{ background: #f26b17; border-color: #f26b17; color: #fff; text-decoration:none;}
.ser-box{ display: block; border: 1px solid #e5e5e5; border-top: none; padding: 58px 11px 0; height: 297px;}
.ser-box .ser-l,
.ser-box .ser-r{ display: block; overflow: hidden; width: 25px; margin-top: 62px;}
.ser-box-wrp{ display: block;  overflow: hidden; width: 800px; margin: 0 0 0 45px; float: left; display: inline;}
.ser-box-wrp dt{ display: block; float: right; overflow: hidden; width: 348px; overflow: hidden;}
.ser-box-wrp dd{ display: block; overflow: hidden; padding-top: 39px; background: url(../images2/ser-bor.gif) no-repeat left 18px; width: 440px;}
.ser-box-wrp dd p{ line-height: 28px; color: #696969; font-size: 16px; height: 156px;}
/**/
.yos{ border-top: 2px solid #f4f4f4; padding-top: 23px; height: 839px; border-bottom: 1px solid #b6b6b6; font-family: "Microsoft YaHei"}
.yos h2{ display: block; overflow: hidden; height: 76px; text-align: center; color: #434343; font-weight: normal; font-size: 22px;}
.yos h2 i{ display: block; font-weight: normal; color: #ff4a00; font-size: 32px; font-style: normal;}
.yos-wrp{ display: block; overflow: hidden; height: 720px; position: relative;}
.yos-wrp dl{ display: block;}
.yos-wrp dt{ display: block; overflow: hidden; color: #262626; font-size: 40px; height: 99px; overflow: hidden;}
.yos-wrp dt i{ font-style: normal; display: block; color: #bcbcbc; font-size: 24px; text-transform: uppercase; font-family: arial; letter-spacing: -1px;}
.yos-wrp dt b{ font-weight: normal;}
.yos-wrp dd{ display: block;}
.yos-wrp dd p{ display: block; color: #333333; font-size: 24px; line-height: 28px; height: 95px;}
.yos-wrp dd em{ display: block; font-style: normal; line-height: 24px; color: #696969; font-size: 14px;}
.yos-wrp dl.yos-1{ padding-left: 30px;}
.yos-wrp dl.yos-1 dt{ display: block; background: url(../images2/yos-tit1-ico.gif) no-repeat 170px 5px;}
.yos-wrp dl.yos-1 dt b{ display: block; background: url(../images2/yos-tit-ico.gif) no-repeat 142px center;}
.yos-wrp dl.yos-1 em{ padding-left: 29px; background: url(../images2/yos-ico.gif) no-repeat 3px center;}
.yos-wrp dl.yos-2{ padding-right:78px; float: right; text-align: right; padding-top: 95px;}
.yos-wrp dl.yos-2 dd p{ height: 85px;}
.yos-wrp dl.yos-2 dt b{display: block; background: url(../images2/yos-tit-ico.gif) no-repeat right center; padding-right: 33px;}
.yos-wrp dl.yos-2 em{ padding-right: 29px; background: url(../images2/yos-ico.gif) no-repeat right center;}
.yos-wrp small{ display: block; position: absolute; z-index: 10; clear: both; }
.yos-wrp .oyx-img-1{ right: 0; top:35px;}
.yos-wrp .oyx-img-2{ left: 0; top:413px;}
/**/
.areyou{ display: block; overflow: hidden; padding-top:55px; height: 520px; overflow: hidden; font-family: "Microsoft YaHei"}
.areyou h2{ display: block; height: 104px; overflow: hidden; text-align: center; color: #3a3a3a; font-size: 20px; font-weight: normal;}
.areyou h2 i{ display: block; font-style: normal; color: #ff4a00; font-size: 28px; line-height: 36px;}
.areyou h2 i img{ vertical-align: middle;}
.ayu-wrp{ display: block; position: relative; background: url(../images2/areyou-img.jpg) no-repeat center top; height: 283px; padding-top: 109px;}
.ayu-wrp a{ display: block; color: #7a7a7a; font-size: 16px; font-weight:bold;}
.ayu-wrp span{ font-size: 30px; font-family:"Comic Sans MS","Arial Narrow", arial; vertical-align: middle; display: inline-block; width: 36px; text-align: center; padding-right: 30px; vertical-align: middle;}
.ayu-wrp li{ display: block; padding-left: 56px; width: 414px;float: left; padding-right: 30px; height: 94px; line-height:40px;}
.ayu-wrp li.fr{ text-align: right;}
.ayu-wrp li.fr span{ display: block; float: right; padding-right: 0; padding-left: 15px;}
.ayu-wrp li a:hover{ color: #f26b17; text-decoration: none;}
.ayu-wrp li.lst{ margin-top: -2px;}
/**/
.sys{ display: block; overflow: hidden; height: 668px; border-bottom: 1px solid #b6b6b6; font-family: "Microsoft YaHei"}
.sys h2{ display: block; height: 105px; overflow: hidden; background: url(../images2/sys-bor.gif) no-repeat center 70px; color: #545454; font-size: 20px; font-weight: normal; text-align: center;}
.sys h2 i{ font-style: normal; display: block; color: #ff4d13; font-size: 28px;}
.sys-wrp{ display: block; overflow: hidden; padding-left: 23px;}
.sys-wrp dl{ display: block; float: left; margin-left: 47px; display: inline; width: 248px; border: 3px solid #e7e7e7; height: 391px; overflow: hidden;}
.sys-wrp dt{ display: block; width: 176px; margin: 0 auto; padding-top: 68px; padding-bottom: 21px; height: 176px; background: url(../images2/sys-bor-2.gif) no-repeat center bottom;}
.sys-wrp dt img{ display: block; overflow: hidden; width: 176px; height: 176px;}
.sys-wrp dd{ display: block; padding-top: 26px; height: 77px; text-align: center;}
.sys-wrp dd p{ color: #383838; font-size: 16px; line-height: 24px;}
.sys-wrp dd b{ display: block; font-weight: bold; font-size: 16px; color: #383838}
.sys-wrp dd em{ font-style: normal; color: #353333; font-size: 16px; font-weight: bold; display: block;}
/**/
.sys-tel{ display: block; overflow: hidden; padding-top: 51px; text-align: center;}
.sys-tel em{ font-style: normal; color: #4e4e4e; font-size: 28px; text-decoration: underline; height: 58px; line-height:58px; vertical-align: middle; padding-right: 10px; font-weight: bold;}
.sys-tel a{ display: inline-block; height: 58px; line-height:58px;vertical-align:middle;}
/**/
.abt{ padding-top: 18px; height: 732px; overflow: hidden; font-family: "Microsoft YaHei"}
.abt h2{ display: block; text-align: center; height: 89px; overflow: hidden; color: #545454; font-size: 24px; font-weight: normal;}
.abt h2 b{ display: block; overflow: hidden; color: #ff4a00; font-size: 32px;}
.abt-wrp{ display: block;}
.abt-wrp dl{ display: block; overflow: hidden; width: 450px; padding-left: 30px; padding-right: 15px; float: left; padding-bottom: 38px;}
.abt-wrp dt{ display: block; overflow: hidden; float: right; width: 206px;}
.abt-wrp dt img{ display:block; width: 206px; height: 279px; overflow: hidden;}
.abt-wrp dd{ display: block; float: left; /*padding-left: 18px; */width: 220px; background: url(../images2/sys-ico-1.gif) no-repeat 182px top;}
.abt-wrp dd h3{ display: block; color: #f26b17; font-size: 72px; font-family: "Impact"; font-weight: normal; line-height: 65px;}
.abt-wrp dd em{ font-style: normal; color: #404144; font-size: 18px; height: 35px; line-height: 35px; padding-bottom:10px; background: url(../images2/abt-bor.gif) no-repeat left bottom; display: block;}
.abt-wrp dd p{ display: block; color: #7c7c7c; font-size: 16px; line-height: 28px; padding-top: 30px;}
.abt-wrp .abt-btm dd{ float: right;text-align: right;background: url(../images2/sys-ico-2.gif) no-repeat 40px top;}
.abt-wrp .abt-btm dt{ float: left; }
.abt-wrp .abt-btm dd em{ background-position: right bottom;}
.abt-wrp .abt-3 p{ padding-top: 20px; line-height: 26px;}
/**/
.newsStr{ display: block; overflow: hidden; height: 320px; }
.gs-news{ float: left;font-family: "Microsoft YaHei"; padding-left: 23px; width:420px; padding-right:36px;}
.gs-news h2{ display: block; overflow: hidden; height: 66px; line-height: 66px; padding-left: 12px;}
.gs-news h2 .tit{ color: #404144; font-size: 16px;}
.gs-news h2 .tit i{ font-style: normal; color: #bcbcbc; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-left: 15px;}
.gs-news h2 .more{ display: block; font-size: 12px; text-transform: uppercase; font-weight: normal; color: #959595;}
.gs-news-wrp{ display: block; overflow: hidden; height: 235px; overflow: hidden;}
.gs-news-wrp dl{ display: block; overflow: hidden; height: 112px; overflow: hidden;}
.gs-news-wrp dl dt{ display: block; overflow: hidden; float: left; width: 130px; padding-left:10px;}
.gs-news-wrp dt img{ display: block; width: 130px; height: 89px; overflow: hidden;}
.gs-news-wrp dt a{ display: block; overflow: hidden;}
.gs-news-wrp dd{ display: block; float: right; width: 260px; overflow: hidden;}
.gs-news-wrp dd h3{ display: block; overflow: hidden; height: 36px; line-height: 20px; color: #404144; font-size: 14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; width:235px;}
.gs-news-wrp dd h3 a{ color: #404144}
.gs-news-wrp dd p{ line-height: 18px; color: #959595; font-size: 14px; height: 56px; overflow: hidden;}
.gs-news-wrp dd span{ display: block; float: right; color: #797979; font-size: 12px;}
.gs-news-wrp h4{ display: block; overflow: hidden; line-height: 30px; overflow: hidden; vertical-align: middle; display: block; font-weight:normal;}
.gs-news-wrp h4 span{ float: right;color: #797979; font-size: 12px;}
.gs-news-wrp h4 a{ color: #696969; font-size: 14px; padding-left: 10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; width:300px; float:left;}
/*
.site-cstt{ display: block; float: left; width: 250px; overflow: hidden; padding-right: 30px; font-family: "Microsoft YaHei"}
.site-cstt h2{ display: block; height: 66px; line-height: 66px; padding-left: 12px;}
.site-cstt h2 a{ color: #404144; font-size: 16px;}
.site-list{ display: block; overflow: hidden; height: 248px; margin-top: -8px; overflow: hidden;}
.site-list li{ display: block; height: 41px; line-height: 41px; vertical-align: middle; overflow: hidden; padding-left: 17px; background: url(../images2/news-ico.jpg) no-repeat left center;}
.site-list li a{ display: block; overflow: hidden; color: #696969; font-size: 14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.gd-news{ display: block; float: left; width: 210px; font-family: "Microsoft YaHei"}
.gd-news h2{ display: block; height: 66px; line-height: 66px; padding-left: 12px;}
.gd-news h2 a{ color: #404144; font-size: 16px;}*/
.site-cstt{ display: block; float: left; width: 430px; overflow: hidden; padding-left: 65px; font-family: "Microsoft YaHei"}
.site-cstt h2{ display: block; height: 66px; line-height: 66px; padding-left: 12px;}
.site-cstt h2 a{ color: #404144; font-size: 16px;}
.site-cstt h2 .cur{color: #f26b17; border-bottom:1px solid #f26b17; text-decoration:underline;}
.site-list{ display: block; overflow: hidden; height: 248px; margin-top: -8px; overflow: hidden;}
.site-list li{ display: block; height: 41px; line-height: 41px; vertical-align: middle; overflow: hidden; padding-left: 17px; background: url(../images2/news-ico.jpg) no-repeat left center;}
.site-list li a{ display: block; overflow: hidden; color: #696969; font-size: 14px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.gd-news{ display: block; float: left; width: 210px; font-family: "Microsoft YaHei"}
.gd-news h2{ display: block; height: 66px; line-height: 66px; padding-left: 12px;}
.gd-news h2 a{ color: #404144; font-size: 16px;}
/**/
.links{ display: block;line-height: 150px; overflow: hidden; border-top: 1px solid #e1e1e1; font-family: "Microsoft YaHei"}
.links h2{ display:inline; float: left; margin-left: 52px; width: 117px; font-weight: normal; color: #696969; font-size: 14px; text-transform: uppercase; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; text-align: center;}
.links .links-wrp{ display: block; float: left; width: 828px; padding-top:10px;}
.links-wrp a{ display:inline-block; width: 135px; text-align: center; font-size: 14px; color: #696969;}

.links-wrp a{float: left;
    line-height: 25px;
    margin: 0;
    padding: 0}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
/**/