@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:12px;}
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:#343434;}
a{font-size:14px; color:#343434;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family: arial,microsoft yahei; min-width:1400px; background: url(images/4.png) top repeat-x;}

.w1400 { width:1400px; margin:auto;}


.header_box{ position: relative; height:158px;}
.header_right{ position:absolute; left:0; top:0; background:url(images/5.png); width:200px; height:158px; box-shadow:0px 3px 8px rgba(0,0,0,.2);} 
.header_right span{font-size:21px; color:#0074c4;display:block; font-weight: bold; margin-top: 17px; text-align:center; letter-spacing: -1px;}
.header_right img{ margin-top:35px; margin-left: 47px;}
.header_right p{ font-size:16px;letter-spacing: 0.2px; color: #888;}
.nav{ height:110px; }
.header_tel{  height:60px; text-align:right;}
.header_tel img{ margin-top:23px;}

.you_tel {     width: 1160px; height: 48px; line-height: 48px; position: absolute; right:0; color:#fff;}
.you_tel strong { float: left; font-size: 17px; color: #fff;}
.you_tel span { font-weight: normal;}
.you_tel img { margin-top: 13px; float: right;}
.you_tel a{color:#fff;}

.nav{ margin-top: 48px; float:right;}
.nav li{ float:left; position:relative; margin-left: 47px;}
.nav li a{ display:block; height:110px; line-height:110px; color:#343434; font-size:16px;position:relative; }
.nav li:before{ content:""; display:block; background:#0074c4; transform:all 0.5s; position:absolute; bottom:0; left:0;width:0; height:3px; transition:all 0.5s;}
.nav li.noming:before{ width:100%;}
.nav li.noming a { color: #0074c4;}
.nav li:hover:before{ width:100%;}
.nav li:hover a { color: #0074c4;}

.nav li dl { position: absolute; top:110px; height:0px; z-index:0; overflow:hidden}
.nav li.dhh a { color:#0074c4;}
.nav li.dhh dl { transition: all 0.8s; height:auto !important; box-shadow:0px 5px 5px #999; position: absolute; top:110px; left:0px; display:block; z-index:10000; overflow:hidden;}
.nav li.dhh dd { background:#fff url(images/7.png) right no-repeat; background-position:188px 27px; width:215px; float:left; color:#fff; line-height:60px; display:block; overflow:hidden;}
.nav li.dhh dd a { padding-left: 20px; text-align: left; display:block; color:#666; font-size:14px; font-weight: normal; line-height:60px; height:60px; border-bottom: solid 2px #f5f5f5; box-sizing: border-box;}
.nav li.dhh dd a:hover { color:#0074c4}



.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:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1002px; left:50%; margin-left:-501px; height:24px; bottom:36px; 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:35%; background:url(images/6.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}
.dis { display: none;}


.search {border-bottom: solid 1px #ececec; width:100%; margin:auto; background:#fff; height:79px; overflow: hidden}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search_2 { float:left; width:260px; }
.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;}
.search-bg { border-left: solid 1px #ececec;}

.pro_til {text-align: center; margin-top: 65px;}
.pro_til strong {font-size: 40px;font-weight: bold;color: #343434; display: block;}
.pro_til span {color: #0074c4;}
.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:#0074c4;animation:allTitleAfter 3s infinite linear;}
.pro_til i:before{background:#03d1d9;animation:allTitleBefore 3s infinite linear;}
.pro_til b {width: 30px;height: 5px;background:#ff6600;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;}
}

.sort {background: #f5f5f5; }
.sort_til {height:122px;color: #fff;background: url(images/8.png)no-repeat center;}
.sort_til b { margin-left: 33px; display: block;font-size: 42px; padding-top: 22px; opacity:0.2; text-transform: uppercase; letter-spacing: 2.2px;}
.sort_til p {font-size: 26px;font-weight: bold;margin-top: -35px;background: url(images/9.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/10.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: #0074c4 url(images/10.png) no-repeat 210px center; color: #fff; display: block;}

.sort_contact {background: #0074c4;	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;}


.sort_nor dd {width: 249px; margin: auto;}
.sort_nor dd a { color: #666; display: block;width: 99px; float: left; line-height: 40px;font-size: 12px;padding-left: 25px;background: url(images/40.png)no-repeat 5px -50px;}
.sort_nor dd a:hover  {color: #0074c4; background-position:5px 17px;}

.pro_nor { margin-top: 30px; margin-bottom: 70px;}
.pro_tu { width:1080px; overflow:hidden;}
.pro_tu dl {width: 345px; float: left; background: #f5f5f5; margin-bottom: 22px; 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: 15px; margin-bottom: 15px; font-size: 16px; font-weight: normal;}
.pro_tu dl:before { background:#0074c4; 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:nth-child(2),.pro_nor dl:nth-child(5),.pro_nor dl:nth-child(8) { margin-left: 22px; margin-right: 23px;}

#colee {height: 935px;  margin: 0 auto; overflow: hidden;}
#colee1 {float:left;}
#colee2 {float:left;}


.process_til {text-align: center; margin-top: 65px; margin-bottom: 30px;}
.process_til strong {font-size: 40px;font-weight: bold;color: #343434; display: block;}
.process_til span {color: #0074c4;}
.process_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block;}
.process_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.process_til i:after,.process_til i:before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.process_til i:after{right: 0px;left: inherit;background:#0074c4;animation:allTitleAfter 3s infinite linear;}
.process_til i:before{background:#03d1d9;animation:allTitleBefore 3s infinite linear;}
.process_til b {width: 30px;height: 5px;background:#ff6600;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
.process_bg{background: url(images/4.jpg)no-repeat center; padding-bottom: 70px; overflow: hidden;}
.process_cont li{width: calc(1340px/5);float: left;background: #fff;padding: 60px 0 70px;text-align: center;cursor: pointer;transition: 0.3s ease all;}
.process_cont li+li{margin-left: 15px;}
.process_cont li i{width: 132px;height: 132px;background: url(images/21.png)no-repeat center #fff;border-radius: 50%;display: block;margin: 0 auto;transition: 0.3s ease all;}
.process_cont li i img{filter: brightness(0) invert(1);transition: 0.3s ease all;}
.process_cont li p{font-size: 24px;color: #343434;margin-top: 25px;transition: 0.3s ease all;}
.process_cont li b { font-weight: normal; display: block; font-size: 12px;color: #999;line-height: 20px;transition: 0.3s ease all; text-transform: uppercase; margin-top: 5px;}
.process_cont li span{display:block;width: 34px;height: 1px;background: #ccc;margin: 30px auto;transition: 0.3s ease all;}
.process_cont li dd { width: 230px; margin: auto; font-size: 14px;color: #666;line-height: 30px;transition: 0.3s ease all;}
.process_cont li.on{background: #0074c4;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);transform: scale(1.05);}
.process_cont li.on i{background: #fff;}
.process_cont li.on i img{filter:none;}
.process_cont li.on p,.process_cont li.on b,.process_cont li.on dd{color: #fff;}
.process_cont li.on span{background: #fff;}




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

.case_nor { width:1400px; margin: auto; position:relative; overflow:hidden;}
.case_left { position: absolute; left:0; top:192px; background:url(images/28.png); width:60px; height:66px; transition: all 0.5s; overflow:hidden;}
.case_left:hover { background-position:0px -66px; cursor:pointer;}
.case_right { position: absolute; right:0; top:192px; transition: all 0.5s; background:url(images/29.png); width:60px; height:66px; overflow:hidden;}
.case_right:hover { background-position:0px -66px; cursor:pointer;}

.case_list { width:1200px; margin:auto; overflow:hidden;}
.case_list dl { float:left; width:400px; margin-right:20px; background: #f5f5f5; height:535px; position: relative; overflow:hidden;}
.case_list dl dt { position: relative; z-index: 2;}
.case_list dl dd { position:absolute; bottom:130px;  width:405px; left:50%; margin-left:-202px; z-index:2; height:194px; text-align:center;}
.case_list dl dd li { font-size:14px; width:330px; margin: auto; padding:0px 25px; text-align:center; line-height:28px; overflow:hidden;}
.case_list dl dd li strong { width: 270px; text-align: center; height: 40px; line-height: 40px; margin: auto; position:relative; background:#0074c4; z-index:5; display:block; font-size:20px; margin-top:85px; margin-bottom:20px; color: #fff; font-weight: normal;}
.case_list dl dd li span { position:relative; z-index:5; color:#666;}
.case_list dl dd li b { display: block; width: 134px; margin: auto; height: 35px; line-height: 35px; text-align: center; border-radius: 30px; border:  solid 1px #ccc; color: #999; font-weight: normal; margin-top: 25px;}

.case_list dl dd img {z-index:5; position: absolute; left: 0; top: 14px;}

.case_list dl:before { background:#0074c4; display:block; content:""; position:absolute; width:405px; top:31px; left:0;  height:0px; transition: all 0.5s;}
.case_list dl:hover dd li strong {background:#fff; color: #0074c4;}
.case_list dl:hover dd li b { color: #fff; border:  solid 1px #fff;}
.case_list dl:hover:before  {content:""; width:400px; height:535px; z-index:1; padding:0 !important;}
.case_list dl:hover dd li { color:#fff; cursor:pointer;}
.case_list dl:hover dd li span { color:#cbd7ef;}


.adv_til {text-align: center; margin-bottom: 30px;}
.adv_til strong {font-size: 40px;font-weight: bold;color: #343434; display: block;}
.adv_til span {color: #0074c4;}
.adv_til dd {font-size: 18px;color: #666;line-height: 34px;display: inline-block;}
.adv_til i{display: block;width: 80px;height: 5px;margin: 20px auto 0; position: relative;}
.adv_til i:after,.case_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:#0074c4;animation:allTitleAfter 3s infinite linear;}
.adv_til i:before{background:#03d1d9;animation:allTitleBefore 3s infinite linear;}
.adv_til b {width: 30px;height: 5px;background:#ff6600;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}

.adv { padding: 80px 0 100px 0; margin-top: 70px; background:#f5f5f5; overflow: hidden;}
.adv_tab{ font-size:0; margin:40px 0 20px 0;}
.adv_tab li{ display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; text-align:center; height:200px; background:#413935; font-size:30px; color:#cdcdcd; cursor:pointer; transition:all .3s ease;}
.adv_tab li em { font-style: normal; display:block; margin-top:4px; text-transform:uppercase; font-size:16px; color:#848484; font-family:fontDin1;transition:all .3s ease;}
.adv_tab li+li{ border-left:1px solid #5b5653;}
.adv_icon{ display:inline-block; margin:35px 0 10px 0; width:53px; height:54px; transition:all .3s ease; filter:none;}
.adv_tab li.on .adv_icon img {filter: brightness(0) invert(1);}

.adv_tab li.on{ background:#0074c4;}
.adv_tab li.on,.adv_tab li.on em{ color:#fff;}
.adv_tab li.on .adv_icon{ background-position-y:-69px;}
.adv_con ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; background:#fff;}
.adv_right{ margin:48px;}
.adv_left{ width:535px; margin-left:48px;}
.adv_num{ width:90px; height:130px; background:#0074c4; border-radius:0 0 45px 45px; text-align:center; line-height:130px; font-size:60px; font-family:fontDin1; color:#fff;}
.adv_t{ margin:40px 0; font-size:35px; color:#0074c4;}
.adv_t em{ font-weight: 100; display:block; font-size:15px; color:#cdcdcd; text-transform:uppercase; margin-top:4px; font-family:fontDin1;}
.adv_wa p{ padding-left:35px; font-size:15px; color:#666; line-height:35px;  background:url(images/31.png) no-repeat left 12px;}
.adv_wa p+p{ margin-top:30px;}


.new_til { text-align:center; padding-top:75px; margin-bottom:20px; overflow:hidden;}
.new_til li { font-size:18px; margin-top:5px; color:#666;}
.new_til li span { padding-left:10px; padding-right:10px;}
.new_til b { font-size:40px; color:#0074c4;}
.new_til span { font-weight:normal; color:#222;}

.new_list{ width:485px; height:44px; margin:0 auto 25px; position:relative; line-height:53px;}
.new_list li a{ font-size:16px; color:#222; display:block;}
.new_list li { background:#f4f4f4; float:left; margin-left:10px; margin-right:10px; width:140px; height:44px; line-height:44px; text-align:center; overflow:hidden;}
.new_list li.on { background:#0074c4;}
.new_list li.on a { color:#fff;}

.new_cont { overflow:hidden; }
.new_cont .news_item .news_item_title a { font-size:20px;}

.new_cont .news_item:nth-child(1){ width:690px; height:640px; position:relative; background:#f4f4f4; float:left;}
.new_cont .news_item:nth-child(1) .news_item_title { font-size:22px;}
.new_cont .news_item:nth-child(1) .news_body{ font-size:14px; line-height:30px; color:#666; margin-top:10px;}
.new_cont .news_item:nth-child(1) .news_date{ background:url(images/35.png) left no-repeat; position:absolute; left:40px; top:40px; font-size:12px; padding-left:15px; color:#999;}
.new_cont .news_item:nth-child(1) .news_date div{ float:left; margin-top:1px;}
.new_cont .news_item:nth-child(1) .news_image{ width:610px; height:385px; position:absolute; left:50%; margin-left:-305px; top:215px; }
.new_cont .news_item:nth-child(1) .news_content { width:610px; height:120px; position:absolute; left:40px; top:80px;}

.new_cont .news_item:nth-child(n+2){ float:right; width:685px; height:200px; position:relative; background:#f4f4f4 url(images/36.png) no-repeat; background-position:25px 150px; margin-bottom:20px; overflow:hidden;}
.new_cont .news_item:nth-child(n+2) .news_item_a{ font-size:20px; position:absolute; top:35px; left:25px; width:540px;height: 110px;}
.new_cont .news_item:nth-child(n+2) .news_body{ font-size:14px; color:#666; line-height:28px; left:25px; width:640px; top:72px; position:absolute;}
.new_cont .news_item:nth-child(n+2) .news_date { background:url(images/35.png) left no-repeat; position:absolute; right:25px; top:40px; font-size:12px; padding-left:15px; color:#999;}
.new_cont .news_item:nth-child(n+2) .news_date div { float:left; margin-top:1px;}

.new_cont .news_item:nth-child(n+2) .news_image { display:none;}
.new_cont .news_item:nth-child(4){    margin-bottom: 0;}

.new_cont .news_item:hover .news_item_a{ color:#0074c4;}


.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/9.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:#0074c4; 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:#0074c4; height:80px; line-height:80px; margin-top:70px;  overflow:hidden;}
.link_til { font-size:18px; color:#fff; background:url(images/38.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;}

.gjc a,.gjc{color:#fff;}
.gjc{margin-top:30px;}