﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
h3.tit{ text-align: center; padding: 70px 0 30px;}


/*banner*/
.fullSlide {width:100%;position:relative;height:570px;}
.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:570px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:570px;}

.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#fffab1;  background:#fff; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{background:#1d2d62; color:#1d2d62;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}


/**/

.cust_list{ padding-left: 64px;}
.cust_list li{float: left; width: 180px; margin-right: 42px; padding-bottom: 36px; background: url(Img/Index/shadow.jpg) no-repeat center bottom;}
.cust_list li img{ display: block; width: 180px; height: 180px; border: 1px solid #e1e1e1; border-radius: 100%;}
.cust_con {position: relative;}
.cust_con .prev,.cust_con .next{ position: absolute; top: 75px;}
.cust_con .prev{ left: 0;}
.cust_con .next{ right: 0;}


.fw{ padding-bottom: 60px;}
.fw_l{ width: 260px; background: #eee;}
.fw_l .logo{ padding: 33px 0;}
.fw_l .logo img{ display: block; width: 232px; margin: 0 auto;}
.fw_l dt a{ display: block; background: #1d2d62; color: #fff; line-height: 50px; padding-left: 45px; font-size: 16px; position: relative; }
.fw_l dt a:before{content: ""; width: 15px; height: 15px; background: rgba(0,0,0,0.2) url(Img/Index/arrow.png) no-repeat center; position: absolute; left: 20px; top: 18px;}
.fw_l dt a:after{ content: ""; width: 2px; height: 100%; position: absolute; left: 2px; top: 0; background: #eee;}
.fw_l dd{ overflow: hidden; font-size: 14px; padding-bottom: 14px; }
.fw_l dd span{ float: left; line-height: 56px; padding-left: 32px; min-width: 98px; border-bottom: 1px dashed #d0d0d0;}
.fw_l dd span:nth-last-of-type(1),.fw_l dd span:nth-last-of-type(2){ border-bottom: none;}
.fw_l dd span a{display: inline-block;}
.fw_l dl:hover dt a{background: #d01e1a;}
.fw_l dd span a:hover{ color: #d01e1a;}
.fw_l .tel{ height: 89px; background: url(Img/Index/tel_bg.jpg) no-repeat;text-align: right; padding-top: 60px; padding-right: 10px; }
.fw_l .tel em{ font-style: normal; color: #333; display: inline-block; text-align: left;}
.fw_l .tel span{ display: block; font-size: 14px; padding-left: 20px;background: url(Img/Index/tel.png) no-repeat;}
.fw_l .tel b{ display: block; font-size: 20px; color: #1d2d62; transform: skew(-8deg);}

.fw_r{ width: 916px;}

.fw_cats{ text-align: right; padding-bottom: 20px;}
.fw_cats a{font-size: 14px; padding: 0 8px; position: relative;}
.fw_cats a:before{ content: ""; width: 1px; height: 12px; border-right: 1px dotted #999; position: absolute; right: 0; top: 50%; margin-top: -6px;}
.fw_cats a:nth-last-child(1):before,.fw_cats a:nth-last-child(2):before{ display: none;}
.fw_cats a.more{ display: inline-block; line-height: 22px; width: 64px; text-align: center; background: #eee; border-radius: 22px;}

.fw_r dt{float: left;}
.fw_r dl{background: #f4f4f4; overflow: hidden; margin-bottom: 15px;}
.fw_r dt img{ display: block; width: 370px; height: 235px;}
.fw_r dd{  font-size: 14px;float: left; width: 470px; padding: 25px 38px;}
.fw_r dd h4{font-size: 16px; border-bottom: 1px dashed #ddd; padding-bottom: 12px; margin-bottom: 12px;}
.fw_r dd p{ color: #333; line-height: 24px; margin-bottom: 20px; height: 72px; overflow: hidden;}
.fw_r dd span a{display: inline-block; width: 104px; line-height: 30px; border: 3px solid #d01e1a; text-align: center;}
.fw_r dd span a.btn1{ border-color: #1d2d62; margin-right: 12px;}


/**/

.price{ background: url(Img/Index/price_bg.jpg) no-repeat center 0; padding-bottom: 68px;}
.price h3{ padding: 58px 0 100px;}
.price dl{background: url(Img/Index/tb_bg.png) no-repeat center 0; font-size: 0; margin-bottom: 38px;}
.price dt span{ font-size: 14px; width: 130px; margin-left: -10px; line-height: 52px; color: #fff; display: inline-block; text-align: center; font-weight: bold;}
.price dd span{ font-size: 14px;width: 130px; margin-left: -10px;line-height: 48px;display: inline-block; text-align: center;}
.price .zx{ text-align: center; font-size: 0; line-height: 38px;}
.price .zx span,.price .zx a{ display: inline-block; font-size: 14px; color: #fff;}
.price .zx span{background: #000;  background: rgba(0,0,0,0.5); font-size: 18px; width: 692px;}
.price .zx a.more{ width: 130px; background: #1d2d62;}
.price .zx a.xj{ width: 130px; background: #d01e1a;}


/**/

.ys{padding-bottom: 70px;}
.ys_cats{ margin-bottom: 20px;}
.ys_cats a{ background: url(Img/Index/ys_bg.png) no-repeat center; width: 315px; height: 60px; line-height: 60px; float: left; margin-left: -15px; text-align: center; color: #fff; font-size: 22px;}
.ys_cats i{ font-style: normal; opacity: 0.3; margin-right: 0.5rem; font-family: Arial;}
.ys_cats a.cur,.ys_cats a:hover{ text-decoration: none; background-image: url(Img/Index/ys_bg2.png);}

.ys_con{ background-color: #fff; background-repeat: no-repeat; box-shadow: 5px 0 18px rgba(0,0,0,0.15); height: 640px;}
.ys1{background-image: url(Img/Index/ys1_bg.jpg); background-position: center 10px; padding: 20px 60px 0;}
.ys1 .fl{ text-align: right;}
.ys1 .ys_item{ width: 270px; border-bottom: 1px solid #cbcbcb; padding: 20px 0;}
.ys1 .ys_item i{ font-style: normal; font-size: 50px; color: #c0c0c0;}
.ys1 .ys_item b{ font-size: 18px; color: #1d2d62; display: block; padding-bottom: 20px;}
.ys1 .ys_item p{ font-size: 16px; line-height: 24px;}

.ys2 .text{ width: 705px; font-size: 16px; line-height: 36px;}
.ys2 .text .con{ padding-left: 28px; background: url(Img/Index/ys_dot.jpg) no-repeat 0 center; margin: 40px 0 0 60px;}

.ys3 .pic,.ys4 .pic{ padding: 20px 0 0 40px;}
.ys3 dl,.ys4 dl{width: 470px; padding-right: 44px; border-bottom: 1px solid #cbcbcb; padding-top: 30px; padding-bottom: 10px;}
.ys3 dt i,.ys4 dt i{ font-style: normal; color: #c0c0c0; font-size: 34px; vertical-align: middle;}
.ys3 dd,.ys4 dd{ line-height: 30px; font-size: 16px;}
.ys3 dd p,.ys4 dd p{ margin-bottom: 5px; padding-left: 24px; background: url(Img/Index/ar.png) no-repeat 0 10px;}
.ys4 dt b{ font-size: 24px; color: #1d2d62; vertical-align: middle; margin-left: 10px;}
.ys4 dd{ padding-bottom: 30px;}

/**/

.case{background: url(Img/Index/case_bg.jpg) no-repeat center 0; padding-bottom: 70px; margin-bottom: 70px;}   
.case_a{ padding: 10px 0 24px;}
.case_a img{ width: 232px; float: left;}
.case_a p{float: right; font-size: 14px;}
.case_a p a{ color: #666; background: #fff; display: inline-block; line-height: 32px; padding: 0 15px; margin-left: 10px;}
.case_b dl{float: left;width: 600px;}
.case_b dt img{ display: block; width: 300px; height: 270px;}
.case_b dd{ width: 240px; height: 270px;overflow: hidden; background: #fff; padding: 0 30px;}
.case_b dd h4{ font-size: 20px; font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin: 45px 0 20px;}
.case_b dd p{ font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 30px;}
.case_b dd span a{ display: block; width: 110px; height: 32px; border: 2px solid #16275d; color: #16275d; text-align: center; line-height: 32px; font-size: 14px;}
.case_b dd span a:hover{color: #d01e1a; border-color: #d01e1a;}
.case_b dt.fl2,.case_b dt.fl1{ float:right;}
.case_b dd.fr1,.case_b dd.fr2{ float:left;}

.case_b dt.fl3,.case_b dt.fl4{ float:left;}
.case_b dd.fr3,.case_b dd.frr{ float:right;}
/**/

.gg{background: url(Img/Index/gg2.jpg) no-repeat center 0; height: 260px;}
.gg .zx{ padding: 174px 0 0 150px;}
.gg .zx span{ font-size: 26px; color: #fff; display: inline-block; padding-left: 30px; background: url(Img/Index/tel2.png) no-repeat 0 center; vertical-align: middle; margin-right: 10px;}
.gg .zx a{ width: 104px; height: 30px; border: 3px solid #fff; color: #fff; display: inline-block; line-height: 30px; text-align: center; font-size: 14px; vertical-align: middle;}

/**/

.about{ width: 100%; overflow: hidden; margin-top: 70px; position: relative; height: 493px;}
.about_con{ width: 1920px; height: 493px; position: absolute; left: 50%; margin-left: -960px;}
.about .map{ height: 493px; width: 958px; background: url(Img/Index/about_map.jpg) no-repeat center 0;}
.about h3{position: absolute; left: 50%; margin-left: -100px; top: 50px;}
.about dl{ position: absolute; left: 50%; width: 540px; margin-left: 62px; top: 180px;}
.about dt{ line-height: 24px; font-size: 14px; height: 160px;}
.about dd a{ display: inline-block; width: 14px; height: 92px; padding: 0 38px; background: #eee; line-height: 18px; font-size: 14px; padding-top: 18px; margin-right: 16px;}
.about dd a:hover{ background: #d01e1a; color: #fff; text-decoration: none;}


/**/

.news{ padding: 70px 0 0;}
.news h3{margin-bottom: 25px; overflow: hidden;}
.news h3{ font-size: 18px; line-height: 30px;}
.news h3 a{color: #000;}
.news h3 p{float: left;}
.news h3 p a{ width: 115px; text-align: center; }
.news h3 p a.fst{ margin-right: 10px;}
.news h3 p a.snd{ margin-left: 10px;}
.news h3 p a.cur,.news_l h3 p a:hover{ color: #d01e1a;}
.news h3 span{float: right; font-size: 14px; font-weight: normal; }

.news_l{ width: 600px; font-size: 14px;}
.news_l dl{ line-height: 26px;}
.news_l dt{ position: relative;}
.news_l dt img{ display: block; width: 598px; height: 153px;}
.news_l dt a:before{ content: ""; width: 71px; height: 71px; background: url(Img/Index/tt.png) no-repeat; position: absolute; right: 0; top: 0; pointer-events: none;}
.news_l dd h4{ overflow: hidden; margin: 20px 0 8px;}
.news_l dd em{ float: left; width: 500px;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.news_l dd span{float: right;}
.news_l dd p a{color: #d01e1a;}

.news_list{padding-top: 20px; border-top: 1px solid #d7d7d6; margin-top: 20px;}
.news_list li{ line-height: 36px; overflow: hidden; height: 36px;}
.news_list li em{ float: left; width: 500px;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.news_list li a{ color: #666;}
.news_list li:hover,.news_list li:hover a{color: #1d2d62;}
.news_list li span{float: right;}

.news_r{ width: 560px;}
.news_r dl{ overflow: hidden; margin-bottom: 35px;}
.news_r dt{ float: left;}
.news_r dt img{ display: block; width: 250px; height: 110px;}
.news_r dd{float: right; width: 256px; padding-left: 28px; background: url(Img/Index/faq.png) no-repeat; margin-top: 8px;}
.news_r dd h4{ line-height: 20px;white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-bottom: 26px;}
.news_r dd p{font-size: 14px; line-height: 26px; height: 52px; overflow: hidden;}
/**/

.link{ padding: 30px 0 70px;}
.link .content{ border-top: 2px solid #333; border-bottom: 2px solid #333;}
.link h3{float: left; font-size: 24px; background: url(Img/Index/link_t.png) no-repeat 42px 40px; padding-left: 90px; height: 70px; border-right: 1px solid #ebebeb; padding-top: 30px; width: 155px;}
.link h3 a:hover{text-decoration: none;}
.link h3 i{ font-style: normal; color: #aaaaaa; font-weight: normal; display: block; font-size: 20px;}
.link p{line-height: 100px; float: left; font-size: 14px; width: 830px; white-space: nowrap; overflow: hidden;}
.link p span{display: inline-block; padding: 0 20px; position: relative; color: #ccc;}
.link p span:after{ content: "|"; position: absolute; right: 0;}
.link p a{color: #666;}
.link em{float: right; padding: 30px; border-left: 1px solid #ebebeb;}

