@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
max-width: 100%;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#333333; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
img{max-width: 100%;}

.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}
.wrap{width: 100%;margin: 0 auto;box-sizing: border-box;}

.head{    overflow: hidden;position: relative;z-index: 99;}
.logo{width: 410px;margin-top: 30px;}
.logo_t b{display: block;color: #000000;}
.logo_t em{color: #000000;}

.nav{position: relative;margin-top: 41px;}
.nav ul li{    float: left;height: 35px;line-height: 35px;  width: 103px; text-align: center;position: relative;z-index: 999;}
.nav ul li a{font-size: 16px;color: #ffffff;z-index: 9;position: relative;}
.nav ul li:hover,.nav ul li.on{background: #ffffff;border-radius: 50px;}
.nav ul li:hover a,.nav ul li.on a{color: #333333;}

.fullSlide { position: relative; z-index: 9; clear: both; width: 100% ; top: -106px;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% ; height: auto ; display: block }
.fullSlide .bd .li { width: 100% ; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto ; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 149px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #ffffff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#7c92b7;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3%; }
.fullSlide .next2 { right: 3% ; }


.tit01{text-align: center;margin-bottom: 37px;}

.youshi{    margin-top: -69px;overflow: hidden;margin-bottom:70px;height: 312px;}
.youshi dl{position: relative;float: left;width: 240px;text-align: center;}
.youshi dl:after{content: "";display: block;width: 206px;height: 206px;background: url(http://10516.543211688.com/caigang/images/ys_bg.png) no-repeat center;margin: 0 auto;position: absolute;top: 0; left: 17px;z-index: 9;transition: all 0.4s ;-webkit-transition:all 0.43s;-moz-transition: all 0.4s;-o-transition: all 0.43;}
.youshi dl:hover:after{background: url(http://10516.543211688.com/caigang/images/ys_bgh.png) no-repeat center;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.youshi dl p{font-size: 18px;line-height: 50px;}
.youshi dl:hover p{color: #ffffff;}
.youshi dl i{display: block;width: 56px;height: 56px;margin: 0 auto;}
.youshi dl dt{margin-top: 50px;position: relative;z-index: 99;}
.youshi dl dd{position: relative;z-index: 99;}
.youshi dl:nth-child(1) i{background: url(http://10516.543211688.com/caigang/images/ys1.png) no-repeat center;}
.youshi dl:nth-child(2) i{background: url(http://10516.543211688.com/caigang/images/ys2.png) no-repeat center;}
.youshi dl:nth-child(3) i{background: url(http://10516.543211688.com/caigang/images/ys3.png) no-repeat center;}
.youshi dl:nth-child(4) i{background: url(http://10516.543211688.com/caigang/images/ys4.png) no-repeat center;}
.youshi dl:nth-child(5) i{background: url(http://10516.543211688.com/caigang/images/ys5.png) no-repeat center;}

.youshi dl:nth-child(1):hover i{background: url(http://10516.543211688.com/caigang/images/ys1h.png) no-repeat center;}
.youshi dl:nth-child(2):hover i{background: url(http://10516.543211688.com/caigang/images/ys2h.png) no-repeat center;}
.youshi dl:nth-child(3):hover i{background: url(http://10516.543211688.com/caigang/images/ys3h.png) no-repeat center;}
.youshi dl:nth-child(4):hover i{background: url(http://10516.543211688.com/caigang/images/ys4h.png) no-repeat center;}
.youshi dl:nth-child(5):hover i{background: url(http://10516.543211688.com/caigang/images/ys5h.png) no-repeat center;}


.about{position: relative;margin-bottom: 60px;height: 557px;}
.about:after{content: "";display: block;background: url(http://10516.543211688.com/caigang/images/abbg.png) no-repeat center;width: 145px;height: 694px;position: absolute;right: 0;top: -281px;}
.about .ab_fl{width: 662px;}
.about .ab_fr{width: 500px;background: url(http://10516.543211688.com/caigang/images/ab_bg.png) no-repeat center bottom;height: 444px;}
.about .ab_fr p{    font-size: 17px; line-height: 31px; text-indent: 2em;letter-spacing: 2px;color: #396aae;}

.product{margin-bottom: 70px;}
.pro_tj{margin-bottom: 30px;overflow: hidden;}
.pro_tj .tj_t{width: 358px;height: 286px;background: #396aad;text-align: center;}
.pro_tj .tj_t em{    display: block;font-size: 36px;color: #ffffff;    line-height: 73px;padding-top: 29px;}
.pro_tj .tj_t i{     display: block; font-size: 16px; color: #a9c4e8; background: url(http://10516.543211688.com/caigang/images/pro_jt.png) no-repeat center; padding-bottom: 75px;}
.pro_tj .tj_img{width: 823px;}
.pro_tj .tj_t a{display: block;width: 28px;height: 28px;background: #ffffff;float: left;line-height: 24px;text-align: center;}
.pro_tj .tj_t a.p_pre{background: #ffffff;}
.pro_tj .tj_t a.p_next{background: #434343;}
.pro_jt{width: 56px;margin: 0 auto;}

.p_con{height: 358px;position: relative;}
.p_bd{}
.p_bd li{width: 285px;float: left;margin-right: 20px;position: relative;}
.prot{width: 100%;height: 100%;background: #000000;position: absolute;top: 0;background: rgb(8 8 8 / 70%);color: #ffffff;opacity: 0;}
.p_bd li:hover .prot{opacity: 1;}
.prot em{display: block;text-align: center;font-size: 20px;line-height: 50px;margin-top: 81px;}
.prot i{display: block;text-align: center;font-size: 16px;}
.prot i:after{content: "";display: block;width: 77px;height: 3px;background: #ffffff;margin: 23px auto;}

.p_hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 0; text-align: center; cursor: pointer }
.p_hd li { display: inline-block; width: 12px; height: 12px; background: #000000; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease;text-indent: -999em; }
.p_hd li.on { opacity: 1;  background:#386bad;}

.case{background: #eeeeee;padding: 70px 0;      height: 598px;position: relative;}
.case_con p{font-size: 18px;color: #000000;text-align: center; line-height: 29px; margin-bottom: 50px;}
.case_ul{}
.case_ul ul{}
.case_ul ul li{float: left;    width: 262px; margin-right: 50px}
.case_ul ul li em{display: block;text-align: center;font-size: 16px;height: 50px;line-height: 50px;}
.case_ul ul li:last-child{margin-right: 0;}
.case_ul ul li img{width: 262px;height: 262px;border-radius: 262px;}
.case:after{    content: ""; display: block; background: url(http://10516.543211688.com/caigang/images/case_bg.png) no-repeat center; width: 139px; height: 918px;position: absolute; left: 0; top: 181px;}

.case_sq{    height: 184px; background: #396aad; position: absolute; width: 1200px;bottom: -79px;}
.case_sq .sq_t { color: #ffffff;margin: 50px; } 
.case_sq .sq_t em{display: block;     font-size: 28px;} 
.case_sq .sq_t i{ display: block; } 
.case_sq .sq_t em:after{content: "";display: block;width: 50px;height: 2px;background: #ffffff;margin: 21px 0;}

.sq_ly{    margin: 50px;}
.sq_ly p{color: #ffffff;font-size: 16px;margin-bottom: 20px;}
.sq_ly input{background: none; border: 1px solid #ffffff; height: 41px; line-height: 41px; width: 204px;margin-right: 14px;padding-left: 12px;}
.sq_ly textarea{width: 244px;height: 41px; line-height: 41px;background: none;border: 1px solid #ffffff;padding-left: 12px; margin-right: 20px;}
.ly_submit{background: #ffffff;color: #386bad;width: 100px;height: 41px;line-height: 41px;border: none;font-size: 15px;font-weight: bold;}

.sq_ly input::-webkit-input-placeholder {
    color: #ffffff;
    font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
.sq_ly input:-moz-placeholder {
    color: #ffffff;
}
/* Mozilla Firefox 19+ */
.sq_ly input::-moz-placeholder {
    color: #ffffff;
}
/* Internet Explorer 10+ */
.sq_ly input:-ms-input-placeholder {
    color: #ffffff;}

.sq_ly textarea::placeholder{color: #ffffff;}

.news{margin: 156px 0 66px;    overflow: hidden;}
.news_fl {width: 563px;}
.newst{width: 100%;height: 60px;padding: 12px 0;background: #396aad;}
.news_fl .news_date{height: 29px; line-height: 29px;padding: 0 17px;}
.news_fl .news_date b{color: #ffffff;font-size: 18px;}
.news_fl .news_date em{color: #ffffff;font-size: 16px;}
.news_fl p{padding: 0 17px;color: #ffffff;}
.news_fr {width: 605px;}
.news_fr ul{}
.news_fr ul li {padding: 20px;background: #eeeeee;    overflow: hidden; margin-bottom: 21px;}
.news_fr ul li .n_date{width: 78px;height: 61px; float: left; border-right: 1px solid #396aad; color: #396aad; text-align: center; padding-right: 19px;}
.news_c {width: 444px;}
.news_c b{font-size: 16px; margin-bottom: 9px; display: block;}
.news_fr ul li .n_date em{    display: block;font-size: 23px;}
.news_fr ul li .n_date i{display: block; font-size: 27px;}


.footer{background:url(http://10516.543211688.com/caigang/images/ft_bg.png) no-repeat center;height: 477px;}
.link{padding-top: 191px;height: 50px;line-height: 50px;border-bottom: 1px dashed #ffffff;}
.link p{color: #ffffff;    font-size: 16px;}
.link a{color:#ffffff;padding: 0 10px;    font-size: 16px;}

.ft_lx{    padding-top: 41px;min-width: 350px;
}
.ft_lx p{      font-size: 16px; color: #fff;height: 29px; line-height: 29px;}
.ft_lx p.ft_tel{background: url(http://10516.543211688.com/caigang/images/ft_tel.png) no-repeat center left;padding-left: 40px;}
.ft_lx p.ft_email{background: url(http://10516.543211688.com/caigang/images/ft_email.png) no-repeat center left;padding-left: 40px;}
.ft_lx p.ft_copy{}
.ft_lx p a{color: #ffffff;}

.ft_nav{margin: 41px 30px;}
.ft_nav dl{float: left;width: 114px;  text-align: center;}
.ft_nav dl dt{    margin-bottom: 9px;}
.ft_nav dl dt a{height: 30px;line-height: 30px;color: #ffffff;font-size: 18px;}
.ft_nav dl dd a{height: 25px;line-height: 25px;color: #ffffff;font-size: 14px;}

.ft_ewm{width: 100px;   margin: 45px 0;}
.ft_logo {margin: 40px 0;}
.ft_logo h1{margin-bottom: 23px;}
.ft_logo i{padding: 0 25px;}