@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{
	margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#222;}
a{font-size:14px; color:#222;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; background:url(images/fy_bodybg.jpg) repeat-x;}
.w1400 { width:1400px; margin:auto;}

.head_bg{height: 45px;line-height: 45px;font-size: 14px; color: #666;}
.head_bg a { color: #666;}
.head_l{background: url(images/4.png)no-repeat center left;padding-left:28px;}

.head_r a:hover{color: #2363ae;}
.head_r span:hover img{ top:100%; visibility:visible; opacity:1;}
.head_r span:nth-child(1){ background:url(images/5.png) no-repeat left center;}
.head_r span:nth-child(2){ background:url(images/6.png) no-repeat left center;}

.head_r span{ display:inline-block; padding-left:21px; position:relative; cursor:pointer;}
.head_r span+span{ margin-left:17px;}
.head_r span img{ position:absolute; top:110%; left:0; width:100px; z-index:9; height:auto; visibility:hidden; opacity:0; -webkit-transition:all .3s ease; transition:all .3s ease;}


.total { position:relative; overflow:hidden}

.top_toubu { height:155px; overflow:hidden}
.top_toubu b { display:block; margin-top:50px;}

.top_tubiao span {height:28px; display:block;line-height:28px; color:#666; font-size:16px; font-weight: normal; letter-spacing: 1.2px;}
.top_tubiao strong { display:block; font-size:30px; color:#006db8; letter-spacing: 1px;}
.top_tubiao { margin-top:46px; overflow: hidden} 


.logo img { float: left; margin-right:18px;  margin-top: 43px; width: 114px;}

.nav { height:74px; font-family:Microsoft YaHei;overflow:hidden}
.nav li { background:url(images/3.png) no-repeat left center; font-size:14px; float:left; text-align:center; height:74px; line-height:77px; position:relative;}
.nav li a { display:block; color:#fff; font-size:16px; padding:0 38px; position:relative; z-index:2; }
.nav li.noming {  background:#31ad38 !important; display:block;  color:#fff;}
.nav li.noming a { color:#fff;}
.nav li:nth-child(1) { background:none;}

.nav li:before { background:#31ad38; display:block; color:#fff; content:""; position:absolute; top: 0px; width:0; left: 0;  height:100%; transition: all 0.5s;}
.nav li:hover:before  {content:""; width:100%; height:74px; z-index:1;}
.nav li:hover a { color:#fff;}



.focus { width:100%; height:700px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:700px; overflow:hidden; position:relative; background:#343434;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#343434; display:none;}
.focus .btn {position:absolute; width:1400px; left:50%; margin-left:-700px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:288px; background:url(images/9.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}


.search { width:100%; margin:auto; background:#fff; height:79px; overflow: hidden; border-bottom:1px solid #ececec;}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search-bg { border-left: solid 1px #ececec;}
.search_2 {float:left; width:260px;  border-left: solid 1px #ececec;}
.search_2 input{ background:#fff; outline: none; border: none; width:240px; padding-left:20px; height:79px; line-height:79px; color:#c6c6c6;}
.zhonjian { width:317px; margin-left:50px;}
.zhonjian_wenzi { margin-top:32px;}

.num_til {text-align: center; margin-bottom: 25px; margin-top: 65px;}
.num_til strong {font-size: 40px;font-weight: bold;color: #222; display: block;}
.num_til span {color: #006db8;}
.num_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block;}
.num_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.num_til i:after,.num_til i:before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.num_til i:after{right: 0px;left: inherit;background:#006db8;animation:allTitleAfter 3s infinite linear;}
.num_til i:before{background:#31ad38;animation:allTitleBefore 3s infinite linear;}
.num_til b {width: 30px;height: 5px;background:#ffd400;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}

@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}

.num { background:url(images/4.jpg)  no-repeat center bottom; height:460px;align-items:center; overflow: hidden;}
.num ul{ display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.num .title span{ font-size:16px;}
.num ul li{ width:256px; height:202px; background:#fff; border-radius:30px 0 30px 0;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; text-align:center; box-shadow:0 0 10px #ddd;}
.num_c { width: 200px; margin: auto; font-size:16px; line-height: 26px; color:#666; }
.num_c span{ display:block; font-size:12px; text-transform:uppercase; margin:5px 0 25px 0;}
.num_c:after{  content:''; display:block; width:40px; margin: auto; height:3px; background:#006db8; margin-top: 20px;}
.num_t { width: 60px; margin: auto; height: 60px; border-radius: 60px; background: #006db8; font-size:36px; color:#fff; font-family: 宋体; font-weight:bold; line-height:60px;  margin-bottom:15px; text-align: center;}
.num ul li:hover{ box-shadow:0 0 15px #bbb;}


.pro_til {text-align: center; margin-bottom: 25px; margin-top: 65px;}
.pro_til strong {font-size: 40px;font-weight: bold;color: #222; display: block;}
.pro_til span {color: #006db8;}
.pro_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block;}
.pro_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.pro_til i:after,.pro_til i:before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.pro_til i:after{right: 0px;left: inherit;background:#006db8;animation:allTitleAfter 3s infinite linear;}
.pro_til i:before{background:#31ad38;animation:allTitleBefore 3s infinite linear;}
.pro_til b {width: 30px;height: 5px;background:#ffd400;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}

.pro_list { width: 1250px; margin: auto; height: 70px; overflow: hidden; margin-top: 15px; margin-bottom: 25px;}
.pro_list li { width: 235px; text-align: center; float: left; height: 70px; line-height: 65px; background:url(images/10.png); margin-right: 15px; position: relative;}
.pro_list li a { display: block; font-size: 16px; position: relative; z-index: 2;}
.pro_list li:before {background:url(images/11.png) bottom no-repeat; display:block; color:#fff; content:""; position:absolute; width:0;  height:70px; transition: all 0.5s;}
.pro_list li:hover:before  {content:""; width:100%; height:70px; z-index:1;}
.pro_list li:hover a { color:#fff;}



.pro_tu { padding-bottom: 40px; overflow:hidden;}
.pro_tu dl {width: 335px; float: left;background: #f5f5f5; margin-bottom: 25px; margin-right: 20px; position: relative; overflow: hidden;}
.pro_tu dl dd { text-align: center; position: relative; z-index: 2;}
.pro_tu dl dt {position: relative;  z-index: 3;}
.pro_tu dl dt img { border: solid 1px #f5f5f5;  box-sizing: border-box;}
.pro_tu dl dd strong { display: block; margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: normal;}
.pro_tu dl:before { background:#006db8; display:block; content:""; position:absolute; width:0; height:100%; transition: all 0.5s;}
.pro_tu dl:hover:before  {content:""; width:100%; height:100%; z-index:1;}
.pro_tu dl:hover strong { color: #fff;}
.pro_tu dl:hover span { color: #cbd6e8;}
.pro_tu dl:nth-child(4),.pro_tu dl:nth-child(8) { margin-right: -20px;}


.sort {background: #f5f5f5; }
.sort_til {height:122px;color: #fff;background: url(images/27.png)no-repeat center;}
.sort_til b { margin-left: 33px; display: block;font-size: 42px; padding-top: 22px;opacity:0.2; text-transform: uppercase;}
.sort_til p {font-size: 26px;font-weight: bold;margin-top: -35px;background: url(images/28.png)no-repeat 35px center; text-align: center;}

.sort_nor { width:300px; margin:auto; padding-top: 20px; padding-bottom: 25px; overflow:hidden}
.sort_nor dt { width: 250px; margin: auto;  background: #484848 url(images/29.png) no-repeat 210px center; margin-bottom: 1px; height: 60px;line-height: 60px;} 
.sort_nor dt a { display: block; color: #fff; padding-left: 20px;  font-size: 16px;}
.sort_nor dt:hover { background: #006db8 url(images/29.png) no-repeat 210px center; color: #fff; display: block;}

.sort_contact {background: #006db8;	text-align: center;	padding: 25px 0 20px 0;}
.sort_contact p {	font-size: 18px;color: #FFF; margin-top: 10px; line-height: 30px;}
.sort_contact p span {	display: block;	font-size: 24px;	font-weight: bold;}


.features{background: url(images/17.png) center bottom no-repeat #f8f8f8; padding-bottom: 70px; overflow: hidden;}


.features_til {  text-align: center; margin-bottom: 25px; margin-top: 65px;}
.features_til strong {font-size: 40px;font-weight: bold;color: #222; display: block;}
.features_til span {color: #006db8;}
.features_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block;}
.features_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.features_til i:after,.features_til i:before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.features_til i:after{right: 0px;left: inherit;background:#006db8;animation:allTitleAfter 3s infinite linear;}
.features_til i:before{background:#31ad38;animation:allTitleBefore 3s infinite linear;}
.features_til b {width: 30px;height: 5px;background:#ffd400;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}


.features_l{width:700px;height: 500px;}
.features_l img {width:700px;height: 500px;}
.features_cont{position: relative;height: 513px;}
.features_option ul{position: absolute;width: 200px;height:13px;bottom: 30px;left: 333px;}
.features_option li{width: 13px;height: 13px;background: #222;border-radius: 13px;margin-right: 20px;float: left;}
.features_option li.on{background: #ff540d;}

.features_r ul{width:700px;height: 500px;}
.features_r ul li{width: 350px; height: 250px; float:left; position: relative;z-index: 5;text-align:center;box-sizing:border-box; padding: 40px 30px 30px 30px;}
.features_r ul li:nth-child(2),.features_r ul li:nth-child(3){background:#fff;}
.features_r ul li:nth-child(1),.features_r ul li:nth-child(4){background:#efefef;}
.features_r ul li span { font-size: 14px; color: #666; line-height: 26px;}
.features_r ul li p {font-size: 24px;font-weight: normal; margin-top: 15px; margin-bottom: 15px; color: #006db8;}


.adv { overflow: hidden;}
.adv_til { text-align: center; margin-bottom: 25px; margin-top: 65px;}
.adv_til strong {font-size: 40px;font-weight: bold;color: #222; display: block;}
.adv_til span {color: #006db8;}
.adv_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block; letter-spacing: 2px;}
.adv_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.adv_til i:after,.adv_til i:before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.adv_til i:after{right: 0px;left: inherit;background:#006db8;animation:allTitleAfter 3s infinite linear;}
.adv_til i:before{background:#31ad38;animation:allTitleBefore 3s infinite linear;}
.adv_til b {width: 30px;height: 5px;background:#ffd400;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}


.advtab{font-size: 0; margin: 0px 0 13px 0;background: #fff;white-space: nowrap;}
.advtab li{width: 25%;height: 125px;display: inline-block; text-align: center;box-sizing: border-box; background: #f7f7f7; padding-top: 32px;transition: all .3s ease; cursor: pointer;}
.advtab li:nth-child(1),.advtab li:nth-child(3) { background: #f2f2f2;}
.advtab li p{display: inline-block; vertical-align: middle;}
.advtab p+p{text-align: left;margin-left: 23px;font-size: 30px;color: #222222;transition: all .3s ease;}
.advtab p em{display: block;transition: all .3s ease;font-size: 14px;color: #c7c7c7;margin-top: 2px;}
.advicon{width: 68px;height: 68px;background: url(images/18.png)no-repeat center;position: relative;}
.advicon span{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 41px;height: 36px;background: url(images/19.png) no-repeat left top;transition: all .3s ease;}
.advtab li:nth-child(1) .advicon span{background-position-x:6px; }
.advtab li:nth-child(2) .advicon span{background-position-x:-39px; }
.advtab li:nth-child(3) .advicon span{background-position-x:-95px; width: 36px;}
.advtab li:nth-child(4) .advicon span{background-position-x:-157px;}
.advtab li.on{background: #006db8;}

.advtab li.on p+p,.advtab li.on p em{color: #fff;}
.advtab li.on .advicon span{background-position-y:-52px;}
.advcon ul{position: relative;z-index: 3;background: #f5f5f5;}
.advcon ul:after{content: '';display: block;position: absolute;height: 110px;background: #f0f0f0;width: 100%; bottom: 0;left: 0;z-index: -1;}
.advleft{padding: 50px 0 0 65px; height: 450px; float: left; width: 590px; overflow: hidden;}
.adv_t span{font-size: 50px;color: #006db8;font-family: fontDin1;}
.adv_t b{display: block;font-size: 35px;color: #006db8;}
.adv_t i{font-size: 20px;color: #222; margin: 5px 0 15px 0;display: block;}
.adv_t:after{content: '';display: block;position: absolute;width: 37px;height: 3px;background: #006db8;}
.adv_c p{ position: relative;padding-left: 15px;font-size: 16px;color: #666;line-height: 28px; margin-bottom: 10px;}
.adv_c p:after{content: '';display: block;position: absolute;border-radius: 50%;top: 14px; left: 0;margin: auto 0;width: 5px;height: 5px;background: #006db8;}
.adv_c { margin-top: 45px; height: 182px; overflow: hidden;}

.company {overflow: hidden;}
.company_til { text-align: center; margin-bottom: 25px; margin-top: 65px;}
.company_til strong {font-size: 40px;font-weight: bold;color: #222; display: block;}
.company_til span {color: #006db8;}
.company_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block; letter-spacing: 2px;}
.company_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.company_til i:after,.company_til i:before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.company_til i:after{right: 0px;left: inherit;background:#006db8;animation:allTitleAfter 3s infinite linear;}
.company_til i:before{background:#31ad38;animation:allTitleBefore 3s infinite linear;}
.company_til b {width: 30px;height: 5px;background:#ffd400;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}


.company_nor { background: url(images/jies01.jpg) no-repeat center; height: 467px; margin-top: 30px; overflow: hidden;}
.company_nor dl { width: 730px; height: 360px; background: #fff; float: right; margin-top: 53px; margin-right: 50px; overflow: hidden;}
.company_nor dl dt { margin-top: 45px; margin-left: 45px; width: 650px;}
.company_nor dl dt strong { display: block; font-weight: normal; font-size: 32px; margin-bottom: 15px;}
.company_nor dl dt strong a { font-weight: normal; font-size: 32px;  color: #006db8;}
.company_nor dl dt span { font-size: 14px; color: #666; line-height: 28px;}
.company_nor dl dd { margin-left: 45px; width: 650px; margin-top: 30px;}
.company_nor dl dd a { width: 130px; float: left; background: #333; text-align: center; font-size: 16px; display: block; height:40px; line-height: 40px; color: #fff; margin-right: 20px; margin-bottom: 20px;}
.company_nor dl dd a:hover {  background:#006db8;}


.company_tu { width:1400px; margin:auto; overflow:hidden;}
.company_tu dl {width: 335px; margin-right: 20px;  margin-top: 20px; float: left; height: 299px; position: relative; overflow: hidden;}
.company_tu dl dd { position: relative; z-index: 2; background: url(images/11.jpg); height: 49px; line-height: 49px;}
.company_tu dl dt {position: relative;  z-index: 3;  height: 250px; overflow: hidden;}
.company_tu dl dd strong { margin-left: 25px; display: block; font-size: 14px; font-weight: normal;}
.company_tu dl:nth-last-child(1) { margin-right: -20px;}



.foot{ background:#222;  padding:60px 0 40px; margin-top:60px; overflow:hidden;}
.footer_zuo li { float:left; width:150px; padding-left:60px; background:url(images/46.jpg) top left no-repeat; overflow:hidden;}
.footer_zuo li span { display:block; color:#fff; font-size:16px; margin-bottom:20px;}
.footer_zuo li.julis { padding-left:0px; background:none;}
.footer_zuo li a { color:#999; display:block; margin-bottom:15px;}
.footer_zuo { overflow:hidden;}
.foot_one{ height:182px; width:158px; float:left;margin-left: 100px;}

.foot_two dd { width:222px; overflow:hidden; margin-bottom:15px; color:#888; margin-left: 300px;}
.foot_two dd strong { display:block; color:#006db8; font-size:22px;}
.foot_two dd img { float:left; margin-right:15px;}

.foot_two{ float:right;}

.foot_two div:nth-child(2){ color:#b1b1b1; font-size:14px; line-height:36px; text-align:right; margin-top:23px;}
.foot_two div:nth-child(2) a{  color:#b1b1b1; font-size:14px; }

.link_box { background:#006db8; height:80px; line-height:80px; margin-top:70px;  overflow:hidden;}
.link_til { font-size:18px; color:#fff; background:url(images/25.png) no-repeat left; padding-left:36px;}
.link_til span{ font-size:15px; color:#e0efe0; font-family: Arial, Helvetica, sans-serif;margin-left: 6px; text-transform: uppercase;}
.linkTagcs li{ width:auto !important;}
.linkTagcs li a{ font-size:16px !important; color:#fff !important;}
.link_nor { width:1180px; overflow:hidden;}
.link_nor a {color: #fff !important;}

.zuihoud a {color:#999;}
.zuihoud {color:#999; margin-top:20px;}