@charset "utf-8";

/*============================ 初始化样式 ============================*/

*

{ margin:0; padding:0;  }

body

{color:#333; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1200px;}

*html

{ background-image:url(about:blank);background-attachment:fixed;}

li

{ list-style:none;}

img

{ border:none;}

body a img

{ border:none;}



/*a:hover img

{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }

*/

a

{ color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}

a:focus

{ outline:none;} 

a:link

{ text-decoration:none;}

a:hover

{ color:#008cd6; text-decoration:none; }

.clear:after

{content:''; display:block; clear:both; }

.clear

{ height:0px; clear:both; }

.text-cut  /*限制文字,文字超出显示冒号*/

{ overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;

-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}

.t_center

{ text-align:center;}

.wrap

{ width:1200px; margin:0 auto;}



.space10 { height:10px; clear:both; }

.space15 { height:15px; clear:both; }

.space20 { height:20px; clear:both; }

.space25 { height:25px; clear:both; }

.space30 { height:30px; clear:both; }



/*效果*/

.trans1

{ transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.trans2

{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.transb1:before,.transb1:after

{ transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}



/*图片放大*/

.fdapic

{ overflow:hidden;}

.fdapic img

{

-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.8s ease;

-moz-transition:all 0.8s ease; -o-transition:all 0.8s ease;transition:all 0.8s ease;}

.fdapic:hover img

{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



/*按钮样式*/

.yu_a0

{ display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }



/*============================ 公共部分 ============================*/







/* 文章上下篇 */

.wzfanye

{ line-height:25px;  padding:20px 0px;  clear:both; }

.wzfanye .wzfanyeA,.wzfanye .wzfanyeB

{ padding-left:0px; clear:both; }

.wzfanye span

{}

.wzfanye a

{ text-decoration:none; }

.wzfanye a:hover

{ text-decoration:none; }



/* 文章类别上下页 */

.page

{ width:100%; padding:20px 0; height:30px; line-height:30px; text-align:center;}

.pagelink a

{ background:#999; line-height:30px; padding:0 12px; border-radius:3px; display:inline-block; color:#fff;}

.pagelink a:hover,.pagelink a.on

{ background:#214f9b; color:#fff;}



/*用于手机屏幕，大于480px小于640px

@media (min-width: 480px) and (max-width: 640px) {}*/



/* 数字上下页 */

.page_fanye

{ width:100%; height:auto; font-size:0px; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}

.page_fanye a

{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }

.page_fanye span

{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}

.page_fanye span input

{ width:30px; height:20px;}

.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover

{ width:60px;  color:#666666; }

.page_fanye .onpage,.page_fanye a:hover

{ color: #fff; background:#214f9b; }



/*========================================= 首页 =====================================*/



.top

{ width:1200px; overflow:hidden; margin:0 auto;}

.logo

{ float:left; padding:20px 0;}

.toptel

{ width:360px; margin-left:10px; float:left;}

.toptel .telimg

{ margin:25px 0 0 10px; border-left:1px solid #cccccc; padding:0 0 0 10px; font-weight:900; line-height:26px;}

.logoright

{ padding-left:45px; margin-top:25px; float:right; background:url(img/tel.png) no-repeat left center;}

.logoright p

{ color:#797979;}

.logoright h3

{ font-size:36px; line-height:52px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color: #FF9900;}



.navs

{ background:#214f9b; height:50px;}

.nav

{ width:1200px; margin:0 auto;}

.nav li

{ width:14.2%; line-height:50px; float:left; background:url(img/line.png) no-repeat right center; text-align:center;}

.nav li a

{ display:block; font-size:16px; color:#fff;}

.nav li a:hover,.nav li.active a

{ color:#ffd132;}

.nav li:nth-child(7n)

{ background:none;}





/*==banner==*/

.banner

{ width:100%; height:600px;  overflow:hidden; position:relative;}

.banner ul li

{width:100%; height:100%; overflow:hidden;  position:absolute; left:0px; top:0px;}

.banner ul li a

{ height:100%; display:block;}



.banner .hd

{ width:100%; height:14px; text-align:center; position:absolute; bottom:40px; z-index:100;}

.banner .hd span

{ width:21px; height:30px; display: inline-block; background:url(img/zjw_2.png) no-repeat right center; cursor:pointer; overflow:hidden; margin:0 5px; text-indent:-999px;  transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.banner .hd .on

{ background-position:left center;}





.con1

{ width:1200px; overflow:hidden; margin:60px auto;}

.title

{ text-align:center;}

.title h2

{ font-size:30px; color:#214f9b; background:url(img/cpbt.png) center no-repeat;}

.title p

{ color:#666; text-transform:uppercase; margin-top:6px; font-family:Arial, Helvetica, sans-serif;}

.con1 .menu

{ text-align:center; margin-top:30px;}

.con1 .menu a

{ padding-bottom:10px; margin:0 10px;}

.con1 .menu a:hover,.con1 .menu a.on

{ background:url(img/cpmenu.png) bottom repeat-x; color:#008cd6; text-decoration:none;}

.con1 .menu2

{ overflow:hidden; margin-top:30px;}

.con1 .menu2 ul li

{ width:282px; float:left; margin:10px 20px 0 0;}

.con1 .menu2 ul li i

{ height:282px; overflow:hidden; display:block; text-align:center; position:relative; }

.con1 .menu2 ul li i img

{ height:100%; }

.con1 .menu2 ul li i:before 1

{ content: ''; width:50%; height: 100%; position: absolute;  top: 0; left: 0%; background-color: rgba(0,0,0,0.3); z-index:20;}

.con1 .menu2 ul li i:after 1

{ content: ''; width:50%; height: 100%; position: absolute;  top: 0; right:0%; background-color: rgba(0,0,0,0.3); z-index:20;}

.con1 .menu2 ul li i:hover:before1

{ width:0%; }

.con1 .menu2 ul li i:hover:after1

{ width:0%; }



.con1 .menu2 ul li p

{ height:50px; line-height:50px; font-size:15px; text-align:center;}

.con1 .menu2 ul li.liA

{ margin-right:0;}

.con1 .menu2 ul li a:hover

{ color:#008cd6; text-decoration:underline;}



.con2

{ height:534px; background: url(img/tb1.png) center no-repeat; padding:60px 0;}

.w1100

{ width:1200px; margin:0 auto;}

.tit1

{ width:357px; height:59px; background:url(img/tb2.png) no-repeat; margin:0 auto;}

.con2 .ys

{ width:1103px; height:493px; margin:40px auto 0; background:url(img/tb3.png) no-repeat center center;} 

.con2 .ys li

{ width:260px; padding-bottom:40px; float:left;}

.con2 .ys li p

{ font-size:16px; line-height:24px; color:#fff; margin-top:10px;}

.con2 .ys li.right

{ float:right; }

.right

{ float:right;}



.con3

{ width:1200px; overflow:hidden; margin:60px auto;}

.title .bt

{ width:198px; background:url(img/fabt.png) center no-repeat; margin:0 auto;}

.jjfa

{ width:1200px; overflow:hidden;}

.jjfa dl

{ width:590px; height:179px; background:#eee; float:left; margin-right:20px; margin-top:20px;}

.jjfa dl dt

{ width:179px; height:179px; text-align:center; overflow:hidden; float:left;}

.jjfa dl dt img

{ height:100%;}

.jjfa dl dt a

{ height:100%; display:block; position:relative;}

.jjfa dl dt a:before

{ content:""; width:0%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0px; top:0px; z-index:10;}

.jjfa dl dt a:hover:before

{ width:100%; background:rgba(0,140,214,0.3);}

.jjfa dl dd

{ width:360px; float:right; padding:25px 22px 0 0; }

.jjfa dl dd h3

{font-size:16px;}

.jjfa dl dd p

{ height:48px; line-height:24px; color:#666; margin-top:13px; overflow:hidden;}

.mores

{ width:21px; height:21px; background:url(img/famore.png) no-repeat; display:block; margin-top:20px;}

.jjfa .dlA

{ margin-right:inherit;}

.moref

{ width:156px; height:36px; border:2px solid #214f9b; font-size:15px; color:#214f9b; display:block; margin:30px auto 0 auto; text-align:center; line-height:36px; border-radius:15px; overflow:hidden; position:relative;}

.moref:before

{ content: ''; width: 0%; padding-top: 0%; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); border-radius: 50%; z-index:-1; }

.moref:hover:before

{width: 100%; padding-top:100%;  background-color: #214f9b;}

.moref:hover

{ color:#fff;}





.jjfa dl dd h3 a:hover

{ color:#008cd6; text-decoration:underline;}



.con4

{ background:url(img/tb8.png) no-repeat center top; padding-top:60px;}

.title .bt1

{ width:198px; background:url(img/abbt.png) center no-repeat; margin:0 auto; color:#fff;}

.title .bs

{ color:#fff;}

.con4s

{ width:1200px; background:#fff; box-shadow:0 2px 15px #d6d6d6; margin:40px auto;}

.con4_con

{ padding:40px; overflow:hidden;}

.con4_conlt

{ width:550px; float:left;}

.con4_conlt h3

{ font-size:26px; color:#214f9b;}

.con4_conlt span

{ display:block; font-size:12px; color:#b3b3b3; text-transform:Uppercase; font-family:Arial, Helvetica, sans-serif;}

.con4_conltext

{ height:246px; line-height:24px; overflow:hidden; padding-top:20px;}

.con4_conltext p

{ padding-top:10px;}

.con4_conrt

{ width:542px; height:337px; float:right; overflow:hidden; }

.con4_conrt img

{ width:100%; }

.con4_conlt h3 a:hover

{ color:#008cd6; text-decoration:underline;}





.con5

{ width:1200px; overflow:hidden; margin:60px auto;}

.con5-list

{ margin-top:50px;}

.con5-list li

{ width:368px; margin-right:48px; position:relative; float:left;}

.con5-list li .type

{ width:85px; line-height:30px; text-align:center; font-size:18px; color:#fff; background:url(img/In-bg.png) no-repeat center bottom; position:absolute; left:16.34%; top:-20px; z-index:2;}

.con5-list li .type a

{ display:block; padding:20px; color:#fff;}



.con5-list li .ofH

{ width:368px; height:165px; overflow:hidden;}

.con5-list li .list

{ margin:20px 0 0;}

.con5-list li .list a

{ display:block; line-height:32px; overflow:hidden;}

.con5-list li .list a .name

{ width:70%; display:block; text-align:left; color:#666666; float:left;}

.con5-list li .list a .date

{ font-size:13px; color:#999999; float:right;}

.con5-list .liA

{ margin-right:inherit;}

.con5-list li .list a:hover .name

{ color:#008cd6; text-decoration:underline;}





.foot_bj

{ background:#252525; overflow:hidden;}

 .foot

{ width:1200px; color:#c6c6c6; margin:0 auto; padding:50px 0; overflow:hidden;}

.foot_lt

{ width:870px; float:left;}

.foot_lt ul

{ width:20%; float:left;}

.foot_lt ul:nth-child(4n)

{ width:35%;}

.foot_lt li.one

{ width:85px; background:url(img/tb13.png) no-repeat left bottom; margin-bottom:10px; padding-bottom:5px;}

.foot_lt li.one a

{ font-size:16px; color:#fff;}

.foot_lt li

{ line-height:28px;}

.foot_lt li a

{ color:#c6c6c6; font-size:13px;}

.foot_rt

{ width:120px; float:right; padding-top:20px;}

.foot_rt img

{ width:100%;}

.foot_rt p

{ font-size:12px; color:#c1c1c1; text-align:center;}

.foot a:hover

{ color:#008cd6; }



.footEs

{ background:#1c1c1c; }

.footE

{ width:1200px; line-height:2; padding:12px 0; margin:0 auto;}

.footE p

{ font-size:13px; color:#c1c1c1;}





/*========================================= 关于我们 =====================================*/

.ny_ban

{ height:200px;}



.ny_main

{ width:1200px; overflow:hidden; margin:30px auto;}

.ny_lt

{ width:220px; float:left;}

.sideNav

{ margin-bottom:20px;}

.sideNav h2

{ height:56px; line-height:56px; text-align:center; font-size:24px; background:#214f9b; color:#fff; margin-bottom:2px; font-weight:normal;}

.sideNav ul li

{ height:36px; line-height:36px;}

.sideNav ul li a

{ display:block; height:36px; line-height:36px; background:url(img/sideNav.gif) no-repeat 200px #ECECEC; text-indent:24px; position:relative; font-size:13px;}

.sideNav a:hover, .sideNav li.active a

{ background-image:url(img/sideNavOn.gif); background-color:#212121; color:#fff;}

.sideWrap

{ margin-bottom:20px;}

.sideWrap h2

{ height:40px; line-height:40px; font-size:16px; text-indent:20px; background:#214f9b; color:#fff; font-weight:normal;}

.sideBox

{ border:1px solid #dadada; border-top:none; padding:10px;}

.sideBox li

{ padding-bottom:5px;}

.sideBox li i

{ height:124px; display:block; text-align:center; overflow:hidden;}

.sideBox li i img

{ height:100%;}

.sideBox li p

{ line-height:30px; font-size:13px; text-align:center;}

.sideBox li a:hover

{ text-decoration:underline;}

.contactBox

{ padding:15px; border:1px solid #dadada;}

.hotLine

{ background:url(img/hotLine.gif) no-repeat; padding-left:45px; margin-bottom:4px; height:46px; padding-bottom:4px; border-bottom:dashed 1px #cacaca;}

.hotLine p

{ line-height:16px;}

.hotLine h3

{ font-size:20px; font-family:Arial; font-weight:bold; line-height:30px;}

.contactInfo

{  padding-top:10px; color:#666; font-size:12px; line-height:26px;}





.ny_rt

{ width:940px; float:right;}

.breadCrumb

{ width:100%; height:55px; border-bottom:1px solid #dadada; position:relative; margin-bottom:30px;}

.breadCrumb h2

{ font-size:18px; line-height:54px; padding:0 4px; border-bottom:3px solid #0471ce; color:#333; float:left;}

.breadCrumb .fr

{ color:#999; line-height:54px; float:right; font-size:12px;}

.breadCrumb a

{ color:#999;}

.breadCrumb a:hover

{ color:#008cd6;}



.pageBox

{ line-height:2;}





/*========================================= 产品中心 =====================================*/

.product_list

{ overflow:hidden;}

.product_list li

{ width:293px; float:left; margin:0 30px 10px 0; }

.product_list li i

{ height:291px; border:solid 1px #ddd; display:block; text-align:center; overflow:hidden; position:relative;}

.product_list li i:before

{ content:""; width:0%; padding-top:0%; background:rgba(0,0,0,1); border-radius:50%; position:absolute; left:50%; top:50%; z-index:10; }

.product_list li i img

{ height:100% ; width:100%}

.product_list li p

{ height:40px; line-height:40px; text-align:center;}

.product_list .liA

{ margin-right:inherit;}

.product_list li a:hover p

{ color:#008cd6;}

.product_list li a:hover i

{ border:solid 1px #008cd6;}

.product_list li a:hover i:before

{ width:100%; padding-top:100%; border-radius:0%;  background:rgba(0,0,0,0.3); left:0px; top:0px; }





/*========================================= 产品详情 =====================================*/

.cpxq_top

{ overflow:hidden;}

.cpxq_top .img2

{ width:402px; float:left;}

.cpxq_top .img2 img

{ width:400px; height:251px; border:solid 1px #DDDDDD;}



.prxq_lt

{ width:402px; float:left;}

.prxq_lt .hd

{ width:400px; height:251px; overflow:hidden;}

.prxq_lt .hd li

{ width:400px; height:251px; text-align:center; border:solid 1px #DDDDDD; float:left; cursor:pointer;}

.prxq_lt .hd li img

{ height:100%;}



.prxq_lt .bd

{ margin-top:10px; overflow:hidden; text-align:center; position:relative;}

.prxq_lt .bdA

{ width:365px; height:54px; margin:0 auto; overflow:hidden; position:relative;}

.prxq_lt .bdA ul

{width:9999px; position:absolute; left:0px; top:0px; }

.prxq_lt .bd li

{ width:79px; height:48px; margin-right:8px; border:solid 1px #e7e7e7; padding:2px; cursor:pointer; float:left;}

.prxq_lt .bd li img

{ height:48px;}

.prxq_lt .bd li.on

{ border-color:#008cd6; }



.arr_prev i,.arr_next i

{ width:10px; height:52px; display:inline-block; cursor:pointer;}

.arr_prev i

{ background:url(img/left.gif) no-repeat; position:absolute; top:3px; left:0;}

.arr_next i

{ background:url(img/right.gif) no-repeat; position:absolute; top:3px; right:0;}



.prxq_texecon

{ width:500px; float:right;}

.prxq_texecon h2

{ border-bottom:1px dashed #d7d7d7; font-size:18px; margin-bottom:20px; padding-bottom:10px; color:#214f9b;}

.prxq_texecon .proInfo

{ height:148px; overflow:hidden; color:#666; line-height:24px; margin-bottom:24px;}

.prxq_lianxi

{ padding-top:10px; border-top:2px dotted #aaa;}

.prxq_lianxi a

{ display:block; float:left; width:140px; height:30px; background-color:#214f9b; color:#fff; text-align:center; line-height:30px; font-size:16px;}

.prxq_lianxi span

{ font-size:24px; font-weight:bolder; color:#214f9b; padding-left:20px; line-height:30px;}

.ny_Nowbuy

{ display:block; height:30px; background-color:#214f9b; color:#fff; text-align:center; line-height:30px; font-size:16px; margin-top:10px;}

.ny_Nowbuy:hover

{ color:#fff;}

.cpxq_content

{ padding:30px 0 20px; overflow:hidden; line-height:2;}





/*========================================= 新闻中心 =====================================*/

.newslist

{ overflow:hidden;}

.newslist li

{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #c2c2c2;}

.newslist li h2

{ font-size:16px; font-family: 'Microsoft Yahei'; margin-bottom:5px; font-weight:normal;}

.newslist li h4

{ background:url(img/time.png) no-repeat 0 3px /12px 12px; padding-left:20px; color:#a1a1a1; margin-bottom:5px; font-weight:normal; font-size:12px;} 

.newslist li p

{ color:#666; font-size:13px; line-height:24px;}

.newslist li p a

{ color:#214f9b;}

.newslist li p a:hover

{ text-decoration:underline;}

.newslist li h2 a:hover

{ color:#214f9b;}



/* ====================================新闻详情==============================*/

.news_info

{  margin:50px auto; }

.info_title

{ text-align:center; }

.info_title h1

{ line-height:1.5; font-size:22px; font-weight:normal; }

.info_laiyuan

{ line-height:35px; text-align:center; border-bottom:1px dashed #dedddd; color:#999;}

.info_laiyuan span

{ display:inline-block; font-size:12px; padding:0 10px;}

.info_text

{ padding:20px 0px; line-height:2;}

.info_text img

{ max-width:100%;}

.info_picA

{ padding:10px; text-align:center;}

.info_picA img

{ max-width:100%;}



/*========================================= liuyan =====================================*/

.liuyan

{ padding:30px 30px 0;}

.liuyan tr td

{ padding-bottom:20px;}

.txtbox

{ border:1px solid #ccc; height:30px; line-height:30px; width:250px; padding-left:5px; font-family:"Microsoft YaHei"; color:#666; font-size:12px;}

.order_nr_box

{ width:600px; font-size:12px; height:100px; border:1px solid #ccc; padding-left:5px; font-family:"Microsoft YaHei"; color:#333; background:#fff;}

.txtbox01

{ border:1px solid #ccc; height:30px; line-height:30px; width:80px; padding-left:5px; font-family:"Microsoft YaHei"; color:#999;}

.btnlogin .tj_input

{ width:150px; height:38px; background:#0471ce; text-align:center; color:#fff; font-size:16px; border:none; margin:0px; cursor:pointer; font-family: "Microsoft YaHei";}







 .left .form {

  margin-top: 28px;

  padding-bottom: 40px;

}

 .left .form div {

  margin-bottom: 35px;

}

 .left .form div span {

  width: 122px;

  text-align: right;

  color: #0188C8;

  font-size: 16px;

  margin-right: 25px;

}

 .left .form div input {

  display: block;

  width: 286px;

  height: 44px;

  line-height: 44px;

  background: none;

  border: 1px solid #f0f0f0;

  padding-left: 10px;

  box-sizing: border-box;

  outline: none;

}

i {

    font-style: normal;

}

 .left .form div i {

  color: #999999;

  font-size: 12px;

  margin-left: 15px;

}

 .left .form .water,

 .left .form .product {

  margin-bottom: 20px;

}

 .left .form .water ul,

 .left .form .product ul {

  max-width: 650px;

}

 .left .form .water span,

 .left .form .product span {

  line-height: 30px;

}

.flex-wrap {

    flex-wrap: wrap;

}

.df {

    display: flex;

}

.dfc {

    display: flex;

    align-items: center;

}

 .left .form .water li,

 .left .form .product li {display: inline-block;

  width: 65px;

  height: 28px;

  background: #f0f0f0;

  border: 1px solid #f0f0f0;

  text-align: center;

  line-height: 28px;

  cursor: pointer;

  margin: 0 14px 16px 0;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

 .left .form .water li.on,

 .left .form .product li.on {

  background: #027EBD;

  border-color: #027EBD;

  color: #fff;

}

 .left .form .product li {

  width: 114px;

}

 .left .form .btn {

  width: 207px;display: inline-block;

  height: 39px;

  opacity: 1;

  background: #027ebd;

  margin-left: 147px;

  color: #fff;

  font-size: 16px;

  text-align: center;

  line-height: 39px;

}