body{min-width: 1200px; width: 100%;}
/*banner*/
.fullSlide{ min-width:1200px; position:relative;  height:600px; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .bd li img {width: 1920px;height: 600px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:40px; position:absolute; z-index:1;overflow:hidden; }
.fullSlide .hd ul{margin-left:500px; }
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
.fullSlide .hd ul .on{background: #0f5aad;}
/*search*/
.s_bg{height: 80px;overflow: hidden;border-bottom: #ececec 1px solid;}
.search{ width:1200px; margin:0 auto;}
.search p{ float:left;font-size: 14px; color:#999; width:825px; height:80px; line-height:80px; overflow:hidden;}
.search p a{font-size: 14px; color:#999; padding:0 10px 0 0;}
.search p a:hover{color: #0f5aad;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:233px; height:48px; border:none; padding:0 0 0 60px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:48px; outline:none;margin-top: 14px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:81px; height:48px;margin-top: 14px;}
input::-webkit-input-placeholder {color: #666;}
/*产品中心*/
.probox{height:950px;font-family:"Microsoft Yahei";line-height:30px;position: relative;z-index:2;overflow: hidden;padding: 32px 0 0;background:url(../images/bg01.gif) repeat center;}
.pro_nav{width:250px;background: #fff;color: #333;position: relative;z-index: 9;}
.pro_nav h3{font-size:24px;line-height:32px;height:70px;color: #fff;padding:14px 0 0;background:#163a84;text-align: center;}
.pro_nav h3 em{font-weight: normal;font-size: 16px;line-height:20px;color: #a7afc8;display: block;font-family: Arial;text-transform: uppercase;}
.pro_nav h3 a{color: #fff;}
.pro_nl{border: solid 1px #e3e3e3;border-bottom: 0;border-top:0;height:540px;overflow: hidden;line-height:42px;}
.pro_n1{position: relative;}
.pro_n1:before{content: "";position: absolute;width: 2px;height: 100%;background: #da2538;left: 0;top: 0;display: none;}
.pro_n1:hover:before{display: block;}
.pro_nl h4{height:52px;font-size: 18px;line-height:52px;border-top: solid 1px #e3e3e3;overflow: hidden;}
.pro_nl h4 a{display: block;color: #333;background:url(../images/ico03.gif) no-repeat 38px 18px #c9c9c9;padding:0 0 0 78px;}
.pro_nl h4:hover a,.pro_nl h4 a:hover{background:url(../images/ico04.gif) no-repeat 38px 18px #fff;color: #da2538;}
.pro_nl ul{clear: both;display: block;}
.pro_nl li{height:42px;white-space: nowrap;border-top: solid 1px #e3e3e3;font-size: 16px;}
.pro_nl li a{display: block;color: #666;padding:0 0 0 18px;}
.pro_pho{background:url(../images/c_pho.jpg) no-repeat 0 0 #e5e5e5;height: 100px;text-align: right;padding: 58px 12px 0 0;line-height: 26px;}
.pro_pho span{background:url(../images/c_tel.png) no-repeat 0 0;display: inline-block;padding: 0 0 0 34px;}
.pro_pho em{font-style: normal;font-family: Arial;font-size: 24px;color: #163a84;line-height: 31px;display: block;}
.pro_list{width:930px;overflow: hidden;}
.pro_list h3{height:49px;line-height:32px;font-size:24px;background:url(../images/ico02.gif) no-repeat 0 36px;color: #163a84;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_list h3 b{display: block;float: left;}
.pro_list h3 b a{color: #163a84;}
.pro_list h3 b em{color: #666;font-family: Arial;font-size: 16px;font-weight: normal;padding: 0 0 0 8px;text-transform: uppercase;}
.prev1,.next1{width:24px;height:40px;display: block;position: absolute;right:15px;top:232px;z-index: 2;background:url(../images/next1.png) no-repeat 0 0;}
.prev1{left:46px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev2,.next2{width:46px;height:46px;display: block;position: absolute;right:-64px;top:253px;z-index: 2;background:url(../images/next2.png) no-repeat 0 0;}
.prev2{left:-64px;background:url(../images/prev2.png) no-repeat 0 0;}
.prev1:hover,.next1:hover,.prev2:hover,.next2:hover{background-position: 0 bottom;}
.more02 a{font-weight: normal;font-size: 14px;color: #666;font-family: Arial;}
.pro_c{width:870px;height: 360px;background: #fff;overflow: hidden;padding: 20px 30px;overflow: hidden;margin-bottom: 15px;}
.pro_lc dl{width:870px;height: 360px;}
.pro_lc dt,.pro_lc dt img{width:480px;height:360px;display: block;overflow: hidden;float: left;}
.pro_lc dd{width: 324px;display: block;overflow: hidden;font-size: 16px;padding: 28px 0 0;float: left;padding-left:30px}
.pro_lc dd h4{color: #333;font-size: 22px;line-height: 57px;height: 57px;border-bottom: solid 2px #d7d7d7;margin-bottom: 27px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_lc dd h4 a{color: #333;}
.pro_lc dd p{height:140px;color: #333;}
.pro_list ul{width: 960px;}
.pro_list li{position: relative;overflow: hidden;margin:0 14px 0 0;float: left;width: 300px;height: 320px;background: #fff;}
.pro_list li img{width:300px;height:225px;display: block;overflow: hidden;}
.pro_list li p{display: block;line-height: 46px;border-top: solid 1px #ebebeb;}
.pro_list li span{float: left;padding: 20px 0 0 28px;width: 188px;color: #888;line-height: 22px;}
.pro_list li span a{font-size: 22px;line-height: 30px;color: #222;display: block;}
.pro_list li b{border-left: solid 1px #ebebeb;float: right;}
.pro_list li b,.pro_list li b a{display: block;width: 80px;height: 94px;}
.pro_list li b a{background:url(../images/ico05.gif) no-repeat center;}
.pro_list li.cur b a,.pro_list li:hover b a{background:url(../images/ico06.gif) no-repeat center;}
.til01 {text-align: center;color: #222;font-size: 42px;line-height: 54px;font-family: "Microsoft Yahei";font-weight: normal;padding: 0 0 36px;clear: both;display: block;}
.wecon dd .we_more{margin: 0 auto;}
.wecon dd .we_more,.more01{display:block;width: 136px;line-height: 26px;text-align: center;color: #666;background: #fff;border: solid 2px #e2e2e2;font-size: 14px;}
.wecon dd .we_more span,.more01 span{display:inline-block;padding-left: 32px;background:url(../images/ico07.gif) no-repeat 0 center;}
.wecon dd .we_more:hover,.wecon dl:hover dd .we_more,.more01,.more01:hover{color: #fff;background: #b00;border-color: #b00;}
.wecon dd .we_more:hover span,.wecon dl:hover dd .we_more span,.more01 span{display:inline-block;padding-left: 32px;background:url(../images/ico08.gif) no-repeat 0 center;}
.cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 0;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}
.cp_tit{ background:#0f5aad;height:150px;padding: 45px 0 0; overflow:hidden;}
.cp_ul01 li{float: left;padding: 0 0 0 2%;width: 23%;}
.cp_ul01 li a{display: block;font-size: 20px;color: #fff;font-weight: bold;height: 54px;line-height: 54px; background:url(../images/cp_ico01.png?v=1) no-repeat 0 17px; padding:0 0 0 40px;}
.cp_ul01 .cp_ul02 li{width: 160px;padding: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #bcc5cf;font-weight: normal; background:url(../images/cp_ico02.png) no-repeat 0 15px;padding: 0 0 0 18px;width: 150px;height: 38px;line-height: 38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul02 li a:hover{ background:url(../images/cp_ico03.png) no-repeat 0 15px;color: #fff;}
.cp_ul01 li.nobor{width: 324px;padding: 0 0 0 60px;}
.cp_more{position: absolute;top: 70px;right: 0;width: 225px;}
.cp_more b{display: block;font-size: 16px;color: #fff;width: 70px;height: 80px;}
.cp_more em{display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #0f5aad; background: #fff; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.cp_more a:hover em{box-shadow:0 2px 3px 0 #bcc5cf;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

.cp_m{padding: 35px 0;position: relative;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 335px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;z-index: 30;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.cp_m ul{float: left;}
.cp_m ul li{width: 374px;margin-right: 40px;}
.cp_m ul li em{width: 374px;height: 310px;display: block;line-height: 0;overflow: hidden;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{width: 374px;height: 310px;}
.cp_m ul li span{ width:374px; display:block; text-align:center; height:40px; line-height:25px;font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m ul li a:hover span{color: #0f5aad;}
.cp_m ul li a:hover em,.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
/*品质*/
.cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 30px 0;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}
.pinz_bg{ background:url(../images/pinz_gb.jpg) no-repeat center 0;height: 660px;overflow: hidden;}
.pinz .cp_bt{color: #fff;padding: 54px 0 0;height: 122px;}
.pinz .cp_bt span{color: #c6c6c6;}
.pinz dl{width: 222px;float: left;padding-right: 50px;padding-left: 50px; background:url(../images/pinz_line.gif) no-repeat 0 57px;padding-top: 57px;}
.pinz dl dt{height: 92px;line-height: 92px;overflow: hidden;font-size: 24px;color: #555;}
.pinz dl dt em{width: 114px;height: 92px;display: block;float: left;line-height: 0;}
.pinz dl dt em img{width: 92px;height: 92px;
                   -webkit-transition: -webkit-transform 0.5s ease-out;
                   -moz-transition: -moz-transform 0.5s ease-out;
                   -o-transition: -o-transform 0.5s ease-out;
                   -ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl dt:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.pinz dl dd{padding: 35px 0 0;}
.pinz dl dd p{font-size: 16px;color: #555;line-height: 24px;height: 48px;overflow: hidden;}
.pinz dl dd span{width: 222px;height: 120px;display: block;overflow: hidden;margin-top: 22px;}
.pinz dl dd span img{width: 222px;height: 120px;}
.pinz .nobor01{padding-left: 0;background: none;}
.pinz .nobor02{padding-right: 0;}
.cp_bt span {display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}

/*优势*/
.ys{padding: 0;position: relative;}
.ys .cp_bt{padding: 30px 0 0;height: 134px;}
.ys dl{width: 337px;height: 370px;float: left;background: #f7f7f7;position: relative;padding: 50px 0 0 40px;-webkit-transition:all .3s;transition:all .3s;position: relative;margin-right: 34px;margin-bottom: 30px;}
.ys dl dt{font-size: 24px;color: #333;line-height: 36px;}
.ys dl dt em{display: block;height: 70px;}
.ys dl dt em img{width: 60px;height: 60px;}
.ys dl dt span{display: block;font-size: 20px;color: #0f5aad;}
.ys dl dd{width: 275px;padding: 25px 0 0;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 24px;padding: 5px 0 0;}
.ys dl dd span{font-family: Georgia;font-size: 52px;color: #e3e3e3;position: absolute;bottom: 40px;right: 30px;}
.ys dl.on,.jz dl dd span a:hover{box-shadow:0 8px 10px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.ys_t dl:first-child{margin-right: 820px;}
.ys .nobor{margin-right: 0;}
.ys_m{position: absolute;right: 0;width: 789px;height: 420px;overflow: hidden;line-height: 0;}
.ys_pic{width: 789px;height: 420px;float: left;overflow: hidden;line-height: 0;}
.ys_pic img{width: 789px;height: 420px;}

/*资讯*/
.newbox{line-height:24px;height:650px;font-family:"Microsoft Yahei";overflow: hidden;color: #666;padding:22px 0 0;}
.more03 a{display: block;width: 58px;height: 40px;background:url(../images/more01.gif) no-repeat 0 5px;}
.new1{width:316px;overflow: hidden;}
.new2{width: 822px;overflow: hidden;}
.newtil{height:69px;line-height:34px;font-size:18px;color: #333;background:url(../images/line2.gif) repeat-x 0 39px;}
.newtil b{float: left;background:url(../images/ico13.gif) no-repeat 0 0;}
.newtil ul,.newtil li{float: left;}
.newtil li{font-weight: bold;background:url(../images/ico12.gif) no-repeat 0 0;line-height: 36px;}
.newtil li.newt1{background:url(../images/ico11.gif) no-repeat 0 0;}
.newtil li a,.newtil b a{color: #333;display: block;height: 41px;padding: 0 20px 0 40px;}
.newtil li.cur a,.newtil li a:hover,.newtil b a{background:url(../images/ico10.gif) no-repeat 0 bottom;}

.new_cl{width: 418px;overflow: hidden;}
.new_cl dl{width: 384px;height:421px;}
.new_cl dt{position: relative;padding-top: 3px;}
.new_cl dt,.new_cl dt img{width:384px;height:216px;display: block;}
.new_cl dt em{width:66px;height:66px;display: block;background:url(../images/ico_top.png) no-repeat 0 0;top:0;right: -3px;position: absolute;}
.new_cl dd{background: #f3f3f3;display: block;padding:3px 21px 0;height: 188px;}
.new_cl dd h3{height:42px;white-space: nowrap;font-size: 16px;line-height:42px;font-weight: normal;}
.new_cl dd h3 em{color: #a8a8a8;float: right;}
.new_cl dd h3 a{color: #333;}
.new_cl dd p{height:90px;overflow: hidden;}
.new_cr{width: 404px;}
.new_cr dl{clear: both;border-top: solid 1px #e9ebea;padding-top: 26px;}
.new_cr dl:first-child{border: 0;padding: 0;}
.new_cr dt{width: 47px;float: left;}
.new_cr dd{float: left;width: 350px;}
.new_cr dd b{height:23px;display: none;line-height: 20px;overflow: hidden}
.new_cr dd b a{color: #333;}
.new_cr dd span{height: 74px;display: block;overflow: hidden;}
.new_cr dt span{float: left;width: 47px;font-family: Times New Roman;line-height: 16px;padding: 4px 0 0;height: 74px;}
.new_cr dt span b{display: block;font-size: 30px;color: #626262;line-height:28px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_cr dt img{display: none;width: 134px;height: 75px;float: left;}
.new_cr dl:hover dt,.new_cr dl.cur dt{width: 193px;}
.new_cr dl:hover dd,.new_cr dl.cur dd{width: 208px;}
.new_cr dl:hover dd b,.new_cr dl.cur dd b{display: block;}
.new_cr dl:hover dt img,.new_cr dl.cur dt img{display: block;}

.new_lp,.new_lp img{width: 316px;height: 177px;display: block;overflow: hidden;}
.new_lc{height:217px;padding: 5px 0 0;overflow: hidden;}
.new_lc dl{height:84px;overflow: hidden;border-bottom: dashed 1px #ccc;padding: 16px 0 0;}
.new_lc dt{height: 26px;font-weight: bold;background:url(../images/faq_w.gif) no-repeat 0 bottom;padding-left: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.new_lc dt a{color: #222;}
.new_lc dd{background:url(../images/faq_d.gif) no-repeat 0 1px;padding-left: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*关于*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 500px;overflow: hidden;padding: 13px 0 0;}
.ab_desc{font-size: 18px;color: #fff;line-height: 38px;overflow: hidden;text-align: center;margin:0 auto;}
.about h4{font-size: 24px;color: #fff;font-weight: normal;height: 44px;line-height: 44px;text-align: center;overflow: hidden;padding: 25px 0 0;}
.about em{display: block;width: 135px;margin:0 auto;padding: 50px 0 0;}
.about em a{display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden;background: #fff;border-radius: 20px;}
.about em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.about .cp_bt a{color: #fff;}
.about .cp_bt span{color: #d3d3d3;}

/*联系*/
.contactus{ padding-bottom:80px;}
.contactus .title .ani-things{left:68px; width:3px;}
.contactus .center{ z-index:3;}
.contactus .center > .ani-things{left:68px; height:0; top:502px;width:4px;}
.contactus .center > .ani-things.show{ height:377px;}
.contactus .center > .ani-things::before{position:absolute; content:''; left:50%; width:40px; height:0; margin-left:-20px;  top:339px; opacity:0; transition:height ease-in-out 0.3s 0.3s;}
.contactus .center > .ani-things.show::before{height:40px; opacity:1;}
.contactus .title{ padding-bottom:57px; position:relative;}
.contactus .title .ani-things{ top:0;}
.contactus .title .ani-things.show{ height:100%; }
.contactus .main{ background-color:#f9f9f9; background-repeat:no-repeat; background-position: right top; height:500px; overflow:hidden; position:relative; z-index:10;}
.contactus .index-from{ margin-left:69px; padding-top:32px; width:450px;}
.contactus .index-from .tips{ width:380px; margin:0 auto;text-align:center; padding-bottom:35px;}
.contactus .index-from .tips h2{ font-weight:normal; font-size:30px; margin:0;}
.contactus .index-from .tips h2::before,
.contactus .index-from .tips h2::after{ display:inline-block; content:''; width:23px; height:18px; vertical-align:middle; background:url(../images/icon_index_l.png) no-repeat;}
.contactus .index-from .tips h2::before{ margin-right:10px;}
.contactus .index-from .tips h2::after{ margin-left:10px; background-image:url(../images/icon_index_r.png);}
.contactus .index-from .tips h2 span{ font-size:24px; margin-right:10px;}
.contactus .index-from .tips aside{ border:1px solid #e9e9e9; border-top:0; padding:19px 14px 22px 104px; min-height:99px; background:url(../images/icon_index_tel.png) no-repeat 18px 19px; display:inline-block;color:#062b8e;}
.contactus .index-from .tips aside img{ margin:10px 0; width:228px; height:31px;}
.contactus .index-from .tips figure{ font-size:24px; border-top:2px solid #062b8e; margin-top:16px; height:15px;}
.contactus .index-from .tips figure span{ background:#f9f9f9; padding:0 10px; position:relative;top:-15px;}
.contactus .index-from .row-2{ width:110%;}
.contactus .index-from .row-2 li{ float:left; width:185px; margin-right:19px;}
.contactus .index-from li{float: left; position:relative; padding-left:30px; background-repeat:no-repeat; background-position:left 6px; margin-bottom:10px;}
.contactus .index-from .li_name{ background-image:url(../images/index_icon_1.png);}
.contactus .index-from .li_tel{ background-image:url(../images/index_icon_2.png);}
.contactus .index-from .li_area{ background-image:url(../images/index_icon_3.png);}
.contactus .index-from .li_txt{ background-image:url(../images/index_icon_4.png);}
.contactus .index-from li label{ position:absolute; left:30px; padding-left:10px; line-height:37px; color:#999;}
.contactus .index-from li .text{ width:345px; border:1px solid #f0f0f0; padding:0 10px; background:#fff; line-height:35px; height:37px;}
.contactus .index-from li .form_err{ position:absolute; line-height:20px; margin-top:-10px; right:-10px; top:50%; color:#062b8e;}
.contactus .index-from li textarea.text{ height:90px; line-height:30px;    width: 345px;}
.contactus .index-from li select{color:#999;width:80px;  display:block !important;padding:0 0 0 10px;border:1px solid #f0f0f0; background-color:#fff; height:37px;}
.contactus .index-from ol{ padding-top:8px;}
.contactus .index-from ol .btn{     float: left;border:none; background:url(../images/index-more.png) no-repeat; width:128px; height:30px; color:#fff; cursor:pointer; padding:0 20px 0 0; font-size:16px; line-height:30px;}
.contactus .index-from ol .btn:hover{color:#fff; background-image:url(../images/index-more-hover.jpg);}
@-webkit-keyframes shake{
    from,to{-webkit-transform:translate3d(0, 0, 0);}
    20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
    40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
    from,to{transform:translate3d(0, 0, 0);}
    20%,60%{transform:translate3d(-10px, 0, 0);}
    40%,80%{transform:translate3d(10px, 0, 0);}
}