/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff; font-family: "microsoft yahei",arial; width: 100%;}
a,a:hover{color:#333;}

.fl{ float: left;}
.fr{ float: right;}

.tl{ text-align: left;}
.tr{ text-align: right;}

.clear{ clear: both;}
.w1000{ width: 1000px; margin: 0 auto;}
.w1200{ width: 1200px; margin: 0 auto;}

img{object-fit:cover;}

/*  ====header=====  */

.header{padding: 0px;position: relative;display:block;min-width: 1200px;  }
.nav{width: 800px;padding: 20px 0;display: block;height: 57px; background: #20497f url(../images/nav_bg.png) no-repeat center left;}
.nav ul{ display: block; margin: 0px auto 0 auto; font-size: 0px; height: 57px; text-align: right; width: 100%;   }
.nav ul li{ color: #fff;  vertical-align: middle; display: inline-block; margin-right: 16px; position: relative;}
.nav ul li a{ display: inline-block; font-size: 14px;  height: 57px; line-height: 57px;  color: #fff; }
.nav ul li .snav{ z-index: 99; display:none; box-shadow: 0 0 10px rgba(0,0,0,0.2);position: absolute; top: 100%; left: 0px; min-width: 100%; background: #fff; z-index: 9999;}
.nav ul li .snav a{ white-space: nowrap; display: block; height: 32px; line-height: 32px; border-right: 0px; padding: 0 15px; text-align: left;  color: #333;}
.nav ul li .snav a:hover{ background: #0076c3; color: #fff; border-bottom: 0px;}
.nav ul li.active .snav a{ border-bottom: 0px; color: #333;}
.nav ul li a:hover,.nav ul li.active a{color: #fff;font-weight: bold; }
.logo,.logo img{ width: auto; height: 57px; display: block;}
.logo{ margin: 20px 6px 20px 0px;}

.phone{ color: #64c2dd; font-size: 22px; font-weight: bold;background: url(../images/phone_bg.png) no-repeat center left; padding-left: 100px;}
.phone span{ font-size: 14px; font-weight:normal ; color: #333; display: block; line-height: 30px;}

.bg_c{ width: 50%; position: absolute; right:0px; left: 50%; top: 0; bottom: 0; display: block; background: #20497f;}


.topArea{ font-size: 14px;color:#fff;padding:5px 0px; background: #0298d6; line-height: 28px; }
.topArea .bg-topArea{width:1200px;margin:0 auto;position:relative;}
.bg-topArea p font{ text-align: right; display: inline-block; color: yellow; padding-left: 24px; background: url(../images/tel2.png) no-repeat center left;}

.header2{position:relative; padding: 20px 0 0 0; }	
.header2 .header-inner{ position:relative; }
.header2 .set{ float:right; background: url(../images/tel.png) no-repeat center left; padding-left: 74px;  height: 66px;}
.header2 .set span{ font-size: 16px; color: #333; display: block; line-height: 32px;}
.header2 .set p{ color: #b59147; font-size: 24px; font-weight: bold;}

.logo{float:left;font-size:0}
.logotitle{float:left;color:#359156;font-size:16px;padding:15px}
.logotitle1{font-size:26px;color:#111;}


/*  ====index=====  */

/* banner css -------------------------------------- */
.slideBox{ background: #fff;width: 100%;margin:0 auto;position:relative;overflow: hidden;min-width: 1200px;}
.slideBox .hd{ width:100%; position: absolute; bottom: 0px; left:0px; height:49px;  text-align:center;  }
.slideBox .hd ul{ display:inline-block; height:5px; padding:16px 5px;  z-index: 999; font-size:0; vertical-align:top;}
.slideBox .hd ul li{ cursor: pointer; display:inline-block; width:56px; height:5px; background:#bbb; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.slideBox .hd ul .on{ background:#20497f; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.slideBox .bd li a,.slideBox .bd li,.slideBox .bd{ height: 540px; width: 100%; display: block;}



.box-main01{ padding: 20px 0px 20px 0px; margin: 0 auto; overflow: hidden; }



.bb0{ border-bottom: 0px !important;}


.pd0{ padding-bottom: 0px !important; overflow: hidden;}


.footer{margin: 0 auto;width: 100%;background: #434343; overflow: hidden;  }
.ft_top{ overflow: hidden; color: #fff; margin: 30px auto; font-size: 14px; }
.ft_top .logo2{ margin-top: 20px;}
.foot_bt{ overflow: hidden;text-align: center; color: #FFFFFF;  width: 100%;  clear: both;  height:40px; line-height: 40px; background: #222; }
.foot_bt a{ color: #999;}
.ft_txt{ text-align: left; line-height: 24px; width: 300px; margin-right: 40px; padding-left: 40px; border-left: 1px solid #f6f6f6;}
.ft_txt font{ font-size: 24px;}
.ewm{ width: 100px; }
.ewm img{ width: 100px; height: 100px; display: block; margin: 0 auto;}

.mb10px{ margin-bottom: 10px;}
.b1px{ border: 1px solid #a5633f;}



/*top*/
.page_top{position:absolute; bottom: 10px;}
#pageTop{background:url(../images/page_top_bg.png) no-repeat; display: none; width:80px;height:80px;right:10px;bottom:10px;position:fixed;overflow:hidden;text-indent:-999px;}
#pageTop:hover{background-position:0 -91px}
#pageTop a{width:100%;height:100%;display:block;}

/*weixin*/
.online-qq{ z-index:500;padding:12px 0 0;text-align:center}
.qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px #bbb;border:1px solid #eee}
.qq_content .dt{font-size:16px;font-weight:bold;color:#545454;line-height:42px;text-align:center;background:#F3F3F3 url(../images/qq_close.png) no-repeat 95% 50%;cursor:pointer}
.qq_content dd{padding:12px}
.qq_content .tel{background:#f8f8f8;font-size:14px}
.qq_content .tel strong{font-weight:bold;color:#f00}
.qq_content .ercod{background:#fff}
.qq_content dd p{padding:.3em 0}
.qq_content dd p a{background:url(../images/icon_qq.png) no-repeat 0 50%;padding:0 0 0 18px}




.contbg1 { background: #F7F4E5; border-bottom: #E4D7A3 solid 1px; padding: 10px 0; }
.w640{ width: 640px;}
.w340{ width: 340px; }
.more{ line-height: 38px; padding: 0 10px; font-size: 14px; color: #999;}
.in_tit{ text-align: left; background: url(../images/tit_line2.png) no-repeat center left; overflow: hidden; height: 38px;}
.in_tit span{ font-size: 16px; padding: 0px 20px; line-height: 38px; display: inline-block; font-weight: bold; color: #fff; /*background: url(../images/titbg.jpg) no-repeat top left;*/}

.about_box{ background: url(../images/about_bg.jpg) no-repeat center top;}
.in_about{overflow: hidden;padding-top: 40px; }
.in_img{ width: 460px; height: 340px; display: block; background: #FFFFFF; padding:25px 25px 0 25px;}
.in_img img{ width: 460px; height: 340px;}
.r_txt{ width: 600px; line-height: 24px; font-size: 14px; color: #fff;}
.r_txt h2{ display: inline-block; color: #fff; line-height: 50px; font-size: 18px; font-weight: normal; margin: 0px 0 30px 0; border-bottom: 1px  solid #ff7b86;}
.amore{ display: inline-block; background: #FFFFFF; border-radius: 4px; color: #333333; padding: 5px 10px; margin-top: 30px;}


.Amore{margin: 20px 0 0 0;display: inline-block;font-size: 12px;text-transform: uppercase;color: #3aa860;border: 1px solid #3aa860;border-radius: 20px;padding: 6px 15px;}
.Amore:hover{background: #3aa860;color: #fff;}  



.about_img img{display: inline-block;width: 186px;height: 130px;margin-right: 10px;margin-top: 10px;float:  left;}





.in_pro ul{overflow: hidden;padding: 20px 10px 20px 30px;}
.in_pro {overflow: hidden;padding: 0px 0 0px 0px;}
.in_pro ul li{ width: 274px; margin-right: 20px; float: left;  margin-bottom: 20px;transition: all .2s ease; }
.in_pro ul li a{ background: #eee;display: block;overflow: hidden;position: relative;}
.in_pro ul li img{ width: 274px; height: 260px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.in_pro ul li span{background: rgb(238, 238, 238);width: 274px;font-size: 14px;text-align: center;color: #333;font-weight: normal;line-height: 42px;padding: 5px 0;display: block;overflow: hidden;white-space: nowrap;}
.in_pro ul li a:hover span{color: #fff;background: #0076c3;}

.in_pro ul li:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }


.amore_w{ display: block; padding: 20px 0 40px 0; text-align: center;}
.amore_w a{display: inline-block;padding: 10px 30px;font-size: 16px;color: #FFFFFF;background: #0076c3; border-radius: 4px;}



.news_list{ display: block;}
.news_list ul{ padding-top: 10px ;}
.news_list ul li{ display: block; position: relative; padding-right: 90px; padding-bottom: 10px; padding-left: 20px;}
.news_list ul li span{ font-size: 12px; text-align: center; color: #999; line-height:30px;width: 80px; position: absolute; right: 0px; top:0px;}
.news_list ul li span font{ font-size: 16px; color: #333; }
.news_list ul li a{ line-height: 30px; display: block; font-size: 14px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;}
.news_list ul li i{ width: 8px; height: 10px; background: url(../images/jt.png) no-repeat center; display: block; position: absolute; left: 0px; top: 9px;}

.ys_box ul{ overflow: hidden; display: block; background: url(../images/ys_bg.png) no-repeat center 60px; padding-bottom: 40px;}
.ys_box ul li{ overflow: hidden; display: block; float: left; width: 33.33%; }
.ys_box ul li img{ display: block; border-radius: 50%; border:4px dotted #dcdbdb; background: #fff; padding: 5px; margin: 0 auto; width: 160px; height: 160px;  }
.ys_box ul li span{ display: block; text-align: center; font-size: 16px; margin: 20px 0 0 0; font-weight: bold; padding: 0 40px;}
.ys_box ul li p{ padding: 0 40px; line-height: 24px; color: #666; font-size: 14px; display: block; }
.ys_box ul li i{ display: block; background: url(../images/i.png) no-repeat center; height: 43px;}
.ys_box{ overflow: hidden; }

 


.left{ width: 260px; float: left; display: block; background: #fff;}
.con_left_a{ border-radius: 2px; width: 240px;}
.con_left_a ul{ padding: 0 5px;}
.con_left_a ul li{line-height: 30px;display: block;font-size: 14px; padding: 1px 0; border-top: 1px dashed #c3c3c3; margin-top: -1px;}
.con_left_a ul li a{display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.con_left_a ul li a span{ font-family: simsun; color: #578d0a;}
.box_tit{ background:#a5633f; height: 37px; width: 220px; padding: 0 10px; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 32px;}
.box_tit a{ margin-top: 4px; display: block;}


.right{ width: 910px; float: right; background: #f6f6f6; }
.box_tit2{ overflow: hidden; border-bottom:1px solid #cecece; height: 47px;  padding: 0 10px 0 0; position: relative; z-index: 1; font-size: 14px; color: #fff; line-height: 42px;}
.box_tit2 span{height: 45px;float: left;line-height: 45px;font-size: 16px;font-weight: bold;padding: 0 20px;color: #20497f;border-bottom: 2px solid #20497f;display: block;}
.Crumbs{ width: 1180px; margin: 0px auto 0 auto; font-size: 14px; padding:20px 0 0 20px; height: 33px; line-height: 33px; background: url(../images/icon_home.png) no-repeat 0px 30px; color: #666;}
.Crumbs a{ color: #333;}

.pageJump{ padding: 20px 0; overflow: hidden;  font-size: 12px; text-align: center;}
.pageJump a{ display: inline-block; margin-right: 6px; padding: 4px 8px; vertical-align: top; color: #333333; border: 1px solid #ddd;}
.pageJump a:hover,.pageJump a.current{background: #0c8b45;border: 1px solid #0c8b45;color: #fff;}
.number{ display: inline-block; text-align: center;}

.pro_list2 ul{ overflow: hidden; padding: 20px 0 0 20px;}
.pro_list2 ul li{ width: 160px; margin-right: 20px; float: left; margin-bottom: 10px;}
.pro_list2 ul li a{ display: block; overflow: hidden; position: relative;}
.pro_list2 ul li img{ width: 148px; height: 130px; display: block;}
.pro_list2 ul li span{ font-size: 14px; text-align: center; color: #333; font-weight: normal;  padding: 6px 0; display: block;  width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cp_img{ padding: 5px; display: block; border: 1px solid #E0E0E0; background: #fff;}

.left_box .news_list ul li{ padding-bottom: 0px;}
.right .news_list{ padding: 10px 20px;}

.messg_div{ padding: 50px 20px 80px 20px;}
.messg_div p{ display: block; position: relative;padding-left: 50px; margin-bottom: 10px;}
.messg_div p span{ display: block; width:40px; text-align: right; font-size: 14px; color:  #333; position: absolute; left: 0px; top: 0px; line-height: 30px;}
.messg_div p input.inp,.messg_div p textarea.textarea{ padding: 5px 10px; line-height: 20px; color: #333; font-size: 14px; width: 80%; -webkit-appearance: none; border: 1px solid #e0e0e0; outline: none; border-radius: 2px; font-family: "microsoft yahei";}
.messg_div p input.btn{font-family: "microsoft yahei"; width: 60px; height: 30px; line-height: 30px; background: #ddd; margin-right: 15px; display: inline-block; font-size: 14px; color: #333; border: 0px; outline: none; -webkit-appearance: none; border-radius: 2px;}
.messg_div p input.btn1{ background: #954e00; color: #fff;}
.messg_div p textarea{ height: 100px; resize: none;}


.snav_tit{font-size: 20px;display: block;background: #d40909;line-height: 60px;font-weight: bold;text-align: center;color: #fff;}
.snav_tit2{font-size: 16px;display: block;background: #20497f;line-height: 40px;font-weight: bold;text-align: center;color: #fff;}


.in_pro2 { overflow: hidden; padding: 20px 20px 0px 0px;}
.in_pro2 ul li{ width: 275px; margin-left: 20px; float: left;  margin-bottom: 30px; }
.in_pro2 ul li a{ background: #fff;  display: block; overflow: hidden; position: relative;}
.in_pro2 ul li img{ width: 275px; height: 210px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.in_pro2 ul li span{ position: relative;  z-index: 4; width: 273px; font-size: 14px; text-align: center;border: 1px solid rgb(204, 204, 204); border-top: 0px; background: #FFFFFF; color: #333; font-weight: normal; line-height: 42px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.in_pro2 ul li a:hover span{color: #0298d6;}
.in_pro2 ul li a:hover img{-webkit-transform: scale(1.5); transform: scale(1.5);  }


.in_contact{font-size: 14px;color: #333333;line-height: 30px;padding: 20px;background: #f6f6f6;}
.in_contact p span{ font-weight: bold;}
.in_contact p img{ width: 100%; height: auto; margin-top: 20px; display: block; }

.con_txt{ padding: 0 0px 20px 0px;}
.display_title h1 { text-align: center; padding: 30px 30px 15px; margin: 0; color: #111; font-size: 22px; line-height: 28px; }
.display_content p{ font-size: 14px; color: #333; line-height: 24px; text-indent: 2em;}
.display_content img{ max-width: 100%; display: block; overflow: hidden; margin: 15px auto;}
.info{ padding:10px 0 10px 0; margin: 0 auto; width: 500px; text-align: center; background: #e8f0e3; color: #999;}
.page_up_dn{z-index:300;margin:0;padding: 20px;overflow:hidden;zoom:1; font-size: 14px; line-height: 24px;}
.page_up_dn li{padding:0;width:100%; color: #333; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.page_up_dn li a{ color: #000;}
.page_up_dn li span{ font-weight: bold;}
.red{ color: red;}
.display_content{ padding: 20px 20px 0 20px;}

.left{ background: #f6f6f6;}
.left .news_list{ padding: 0 10px;}




.w580{ width: 500px;}





.why_box{ width: 100%; padding: 15px 0; height: auto; display: block; overflow: hidden; background: url(../images/lybg.png) no-repeat center;}
.why_box ul{ width: 1200px; margin: 40px auto; overflow: hidden;}
.why_box ul li{ margin-right: 5%; width: 16%; float: left; display: block;}
.why_box ul li span{ display: block; margin: 20px 0; background: #bd821b; padding: 10px; line-height: 24px; color: #FFF; font-size: 16px; text-align: center; }
.why_box ul li p{ line-height: 20px; font-size: 14px; color: #ddd; display: block;}
.why_box ul li em{ font-size: 16px; color: #bd821b; font-weight: bold; background: url(../images/tit_bg.png) no-repeat center; width: 38px; height: 38px; padding: 30px; display: block; line-height: 19px; text-align: center; margin: 0 auto;}


.slideBox2{  height: 320px; width: 500px;   position:relative; overflow: hidden; }
.slideBox2 .hd{position: absolute;bottom: 5px;left:0px;right: 0px;height:30px;text-align:center;}
.slideBox2 .hd ul{ display:inline-block; height:24px; padding:0px 5px; float: right;  z-index: 999; line-height: 20px;  font-size:12px; vertical-align:top;}
.slideBox2 .hd ul li{ background: #fff; cursor: pointer; display:inline-block; width:20px; height:20px;  margin:0 3px;  vertical-align:top; overflow:hidden;   }
.slideBox2 .hd ul .on{ background:red; color: #fff;  }
.slideBox2 .bd{ position:relative; z-index:0; }
.slideBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
.slideBox2 .bd li a,.slideBox2 .bd li,.slideBox2 .bd{ width: 100%; display: block;}
.slideBox2 .bd li a img{ width: 100%; height: 320px; display: block;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.slideBox2 .bd li a:hover img{-webkit-transform: scale(1.2); transform: scale(1.2); }



.news_pl_list ul li{ margin-bottom: 20px;}
.news_pl_list ul li a{ display: block; position: relative; padding: 0 100px 0 0; line-height: 32px;}
.news_pl_list ul li span{ display: block; position: absolute; right: 0px; top: 0px; line-height:28px; font-size: 14px; color: #666; background: #f2f2f2; width: 80px; text-align: center; padding: 5px;}
.news_pl_list ul li span font{ display: block; background: #20497f; color: #fff; }
.news_pl_list ul li p{ font-size: 14px;color: #999; width: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_pl_list ul li h3{ font-size: 16px;color: #333; width: 100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_pl_list ul li a i{ color: #20497f; margin-right: 5px; display: inline-block;}

.bgef2f2f2{ background: #f2f2f2; overflow: hidden;}
.xwcon_01{ padding: 0px 0 40px 0; position: relative;}
.xwcon_01 .Tit{ background: none;    margin: 10px auto 0 auto;}

.xwcon_01 .in_contact{ background: none; padding: 0; font-size: 16px;}
.xwcon_01 .in_contact img{ margin-top: 20px;}


.in_r_dis{  width:500px; height: 316px; padding:0px;  position:relative;   }
.in_r_dis .hd{ width:14px; overflow:hidden; position:absolute; right:-45px; bottom:0px; z-index:1; }
.in_r_dis .hd ul{ overflow:hidden; zoom:1; float:left;  }
.in_r_dis .hd ul li{ text-indent: -9999px; float:left; margin-right:2px; margin-bottom: 10px;  width:13px; height:13px; line-height:13px; text-align:center; background:#fff; cursor:pointer; }
.in_r_dis .hd ul li.on{ background:#f00; color:#fff; }
.in_r_dis .bd{ position:relative; height:100%; z-index:0;}
.in_r_dis .bd li{ zoom:1; vertical-align:middle; }
.in_r_dis .bd img{ width:500px; height:316px; display:block; }


.yd_div{ width: 100px; text-align: center; display: block; font-weight: bold; font-size: 14px; margin-right: 30px; border-right: 1px solid #eee ;}
.yd_div img{ width: 34px; height: 34px; display: block; margin: 0 auto 5px auto;}
.yd_div a{ color: #947e3b; display: block;}

.jd_div{ display: block; margin:0 auto 30px auto;} 



.in_About{ height: 340px; margin: 60px 0 0 0; width: 100%; overflow: hidden; position: relative;}
.Tit{  margin: 60px auto 0 auto; text-align: center;display: block; background: url(../images/tit_bg.png) no-repeat center top;height: 90px;padding-top: 20px;font-size: 30px;font-weight: bold;color: #20497f;}
.Tit span{font-size: 16px;color: #666;display: block;font-weight: normal;text-transform: uppercase;margin-top: 7px;}

.txt{ width: 760px;  padding: 20px 30px; background: #f6f6f6; position: relative; z-index: 1; margin-top: 50px;}
.txt p{ text-indent: 2em; line-height: 28px; display: block; font-size: 14px; color: #666;}
.txt h2 span{ padding: 0 10px; background: #3aa860; color: #fff; display: inline-block;}
.txt h2{font-size: 20px;line-height: 40px;color: #20497f;margin-bottom: 10px;}

.about_pic{ position: absolute; top: 0px; left: 50%; right: 0px; bottom: 0px; display: block; background: url(../images/about_bg.png) no-repeat center left;}

.more_box{ width: 700px; text-align: right;}
.More{ padding: 15px 20px; display: inline-block; background: #20497f; color: #fff; margin-right: 100px;}
.More:hover{ color: #fff;}



.product{  text-align:left; margin: 40px auto 60px auto;  }
.product .hd{padding: 0;margin-bottom: 40px;position:relative;}
.product .hd ul{text-align: center;}
.product .hd ul li{padding: 5px;cursor:pointer;display: inline-block; margin: 0 20px; background: #ddd}
.product .hd ul li span{ padding: 5px 20px;height: 30px;line-height: 30px;font-size: 16px; display: block; border: 1px dashed #bbb;}
.product .hd ul li.on{ background: #20497f;color: #fff;}
.product .hd ul li.on span {border: 1px dashed #fff;}
.product .bd ul{ padding:0px;  zoom:1; }


.product .bd ul li{ width: 277px; margin: 15px 30px 15px 0; float: left; -webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.product .bd ul li a{ background:#fff; width: 265px;  padding: 6px;  display: block; overflow: hidden; position: relative;}
.product .bd ul li img{ width: 265px; height:265px; display: block; object-fit: contain; background: #eee;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.product .bd ul li span{ font-size: 16px; text-align: center; color: #333; margin: 0; font-weight: normal; line-height: 40px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product .bd ul li:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 30px rgba(0,0,0,0.2); }
.product .bd ul li a:hover span{color: #fff;}
.product .bd ul li a:hover{ background:#20497f;}
.product .bd ul li p{ font-size: 13px; color: #808080; line-height: 26px; text-align: center;}
.product .bd ul li .img_w2{ width: 222px; height:246px;  overflow: hidden;}
.product .bd ul li font{ width: 30px; height: 30px; display: block; margin: 5px auto 10px auto; text-align: center; color: #fff; font-size: 16px; font-family: simsun; border-radius: 50%; background: #20497f; line-height: 30px; }
.product .bd ul li a:hover font{ color: #20497f; background: #fff;}

.YS_tit{ text-align: center; height: 138px; padding: 30px 0 0 0; background: url(../images/ys_tit.png) no-repeat center top; font-size: 36px; color: #fff; font-weight: bold;}
.YS_tit span{ font-size: 16px; text-transform: uppercase; color: #fff; display: block; font-weight: normal; margin-top: 10px;}


.al .product2 .hd{ overflow:hidden;  height:1px; position: initial; }
.al .product2 .hd .prev,.al .product2 .hd .next{ display:block; position: absolute; left: 0; top: 50%; z-index: 99; margin-top: -40px;  width:40px; height:40px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat center left;}
.al .product2 .hd .next{ background-position: center right; left: auto ; right:0 ;  }
.al .product2{ position: relative; padding: 20px 0 30px 0;}	
.product2 .bd ul li{ width: 269px; margin: 45px 31px 45px 0; float: left; -webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.product2 .bd ul li a{ background:#fff; width: 257px;  padding: 6px;  display: block; overflow: hidden; position: relative;}
.product2 .bd ul li img{ width: 257px; height:257px; display: block; object-fit: contain; background: #eee;-webkit-transition: ease .2s;transition: ease .2s;-webkit-transform-origin:50% 50%; transform-origin:50% 50%; }
.product2 .bd ul li span{ font-size: 16px; text-align: center; color: #333; margin: 0; font-weight: normal; line-height: 40px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product2 .bd ul li:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 30px rgba(0,0,0,0.2); }
.product2 .bd ul li a:hover span{color: #fff;}
.product2 .bd ul li a:hover{ background:#20497f;}
.product2 .bd ul li p{ font-size: 13px; color: #808080; line-height: 26px; text-align: center;}
.product2 .bd ul li font{ width: 30px; height: 30px; display: block; margin: 5px auto 10px auto; text-align: center; color: #fff; font-size: 16px; font-family: simsun; border-radius: 50%; background: #20497f; line-height: 30px; }
.product2 .bd ul li a:hover font{ color: #20497f; background: #fff;}



.ry_bg{ position: absolute; right: 50%; left: 0px; margin-right: 40px; display: block; bottom: 0px; background: url(../images/ry_bg.png) no-repeat bottom right; height: 260px; display: block;}



.fwys_box{ width: 100%;  padding: 0px 0 60px 0; display: block; background-color: #f6f6f6 ; }
.fwys_box ul{ overflow: hidden; margin: 40px auto 0 auto; width: 1200px;}
.fwys_box ul li{ width: 33.33%; display: block; float: left;}
.fwys_box ul li span{ font-size: 18px; color: #333;}
.fwys_box ul li p{ font-size: 14px; color: #666; line-height: 24px; margin-top: 10px; min-height: 120px;}
.fwys_box ul li img{ width: 140px; height: 140px; display: block;  border-radius: 50%; margin: 0 auto 0px auto; border: 6px solid #f6f6f6;}
.title0{ text-align: center; font-size: 24px; color: #333; margin-bottom: 30px; position: relative; }
.title0 span{ font-size: 16px; color: #999; margin-top: 10px; display: block; }
.title0 p{ font-weight: bold;display: inline-block; padding: 0 20px; background: #f6f6f6; position: relative; z-index: 1;}
.title0 p font{ color: #1a449a; font-size: 40px; display: inline-block; margin: 0 5px; vertical-align: middle; font-weight: normal; font-style: italic;}
.title0 i{ position: absolute; width: 100%; top: 14px; left: 0px; height: 1px; display: block; background: #ddd;}

.ys_txt_w{ background: #efefef; padding: 10px; margin-top: -86px;}
.ys_txt_w .ys_txt{ border: 1px solid #d5d5d5; padding: 76px 10px 20px 10px; text-align: center;}

.fwys_box ul li a:hover .ys_txt_w{ background: #20497f; }
.fwys_box ul li a:hover .ys_txt_w .ys_txt{ border: 1px solid #66c4ff; color: #fff; }
.fwys_box ul li a:hover .ys_txt_w .ys_txt p{ color: #fff; }
.fwys_box ul li a{ width: 300px; display: block; margin: 0 auto; position: relative;}
.fwys_box ul li .ys_imgbox{ position: relative; width: 181px; height: 153px; display: block; margin: 0 auto;}
.fwys_box ul li .ys_imgbox .img_w{ position: absolute; left: 0; top: 0;   width: 181px; height: 153px; display: block;}

.ys_txt_w .ys_txt h5{ position: relative; z-index: 99; font-size: 16px; line-height: 30px; overflow: hidden; text-align: center;}
.ys_txt_w .ys_txt span{ height: 1px; background: #cccccc; width: 40px; margin: 10px auto; display: block;}
.fwys_box ul li a:hover .ys_txt_w .ys_txt span{ height: 1px; background: #66c4ff;}


/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;text-align: left;border:1px solid #e0e0e0;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#089a3f;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;}
.msgflag{margin-left:4px;font-size:12px;color:#900;}