@charset "utf-8";
*{ margin:0; padding:0}
body{font-family:"微软雅黑";font-size: 14px;color:#393939;min-width: 1300px;}
b{ font-weight:normal;}
a{text-decoration: none; color:#333}
a:hover{color:#fb8d00;} 
html {_overflow-y:scroll;}
h1,h2,h3,h4,h5,h6{font-size:14px; }
img{border:0;}
.fl{ float:left;}
.fr{ float:right;}
.rfloat{float:right;}
.clear{ clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden; *display:inline}
.wid{width: 1300px;margin-left:auto;margin-right:auto;}
.checkbox{border:0px;}
.button{border:0px; }
ul{ list-style-type:none}
.mb10{ margin-bottom:10px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb80{ margin-bottom:80px}
.pad50{ padding:50px 0;}
.button{border:0px; }
ul{ list-style-type:none} 
.clearfix{ clear: both; display: block; height: 0;}
.logo{padding:21px 0px 0px 0;}
.top .fr img {float: right;margin-right: 10px;}
.tel{width: 300px;height: 90px;background: url(../images/tel.jpg)no-repeat left 8px;} 
.top .fr span{color: #0069bc;font-size:  30px;font-weight:  bold;padding-left: 80px;}
.top .fr p{margin-top: 25px;font-size:16px;color: #999;padding-left: 80px;}

/*主菜单*/
.menu_bg{background: #0069bc;width:100%; margin-top: 10px;}
.menu_bg li{float:left;font-weight:bold;text-align:center;HEIGHT:50px;font:normal 18px/50px "微软雅黑";}
.menu_bg li a{ display:block; color:#fff;width:150px;line-height:50px;}
.menu_bg li a:visited{ color:#fff;}
.menu_bg li a:hover{ background:#fe9a3f;COLOR: #fff }
.menu_bg .active,.menu_bg .active:visited{ background:#fe9a3f;COLOR: #fff}
#nav li{Z-INDEX:9999;POSITION: relative;text-align:center;cursor: pointer;text-align:center;}
#nav li>a {DISPLAY: block;TEXT-ALIGN: center;position: relative; }
#nav li .toplink:after{ content:''; height:40px; position:absolute; right:0px; top:0;} 
.nav_parent .sub_con {POSITION: absolute;display: none;top: 50px;z-index:999;left:0;width: 150px;background:#0458ba;overflow:hidden;}
.sub_con  p{ font:normal 14px/33px "微软雅黑";}
.sub_con  p a{ width:100%; height:40px; display:block; color:#fff; background:#none; margin-top:1px;line-height: 40px}
.sub_con  p a:hover{ color:#fff;background:#fe9a3f;}

	/* banenr */
.flexslider{position:relative; overflow:hidden;background:#000 url(../images/loading.gif) 50% no-repeat; z-index:10;}
	.slides{position:relative;z-index:1;}
	.slides li{height: 503px;}
.flexslider .slides .s1{ background:url(../images/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../images/ban02.jpg) 50% center no-repeat;}
.flexslider .slides .s3{ background:url(../images/ban03.jpg) 50% center no-repeat;}
.flexslider .slides .s4{ background:url(../images/ban04.jpg) 50% center no-repeat;}
	
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*首页公司介绍+新闻版块*/

.indextit{width:100%;height:71px;overflow:hidden;} 
.indextit .name{float:left;background:url(../images/title2.jpg) 0 center no-repeat;padding-left:33px;font:700 18px/71px "microsoft yahei";color:#006bbe;}
.indextit  a{float:right;font:14px/71px "microsoft yahei";color:#006bbe;}
.indexabout .fl{ width: 700px;}
.indexabout .fr{ width:550px;}
.indexabout .fr ul li{width:100%;height:40px;border-bottom: 1px dashed #999;overflow:hidden;line-height: 40px;}  
.indexabout .fr ul li span{float:right;color: #999;}
.indexabout .des{width: 450px;line-height:36px;float: right;}

/*首页产品版块*/
.proindex{ background: #f0f0f0;}
.proindex .left{width: 244px;}
.proindex .right{width: 1000px;}
.submenu,.hotnew{position: relative;background: #006bbe;border-radius: 15px;padding-bottom: 5px;}
.submenu .tit,.hotnew .tit {text-align: center;height: 60px;padding: 20px 0 0 0;background: url(../images/title1.jpg) 0 0 no-repeat;}
.submenu .tit h4 ,.hotnew .tit h4{font-size: 22px;color: #fff;line-height: 22px;font-weight: bold;margin-bottom: 8px;}
.submenu .tit p{font-size: 12px;color: #fff;line-height: 10px;text-transform: Uppercase;}
.submenu ul ,.submenu .cont,.hotnew ul{background: #fff;border-radius: 0 0 15px 15px;padding: 0;margin: 0 5px;}
.submenu ul li{line-height: 50px;position: relative;-webkit-transition: all .5s;transition: all .5s;border-bottom: #ddd 1px solid;}
.submenu ul li .three{width: 210px; margin-left:20px;line-height: 40px;position: relative;-webkit-transition: all .5s;transition: all .5s; font-size:14px;}

.submenu ul li a{display: block;height: 50px;line-height: 50px;padding: 0 40px 0 18px;font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 0;-webkit-transition: all .5s;transition: all .5s;} 
.submenu .cont,.hotnew ul{padding:10px 8px 0;box-sizing: border-box;}
.submenu .cont>div img{ max-width:80%}
.submenu ul li a:hover{color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.submenu ul li a::before {content: '';width: 0px;height: 50px;background: #117bce;position: absolute;top: 0;left: 0;z-index: -1;-webkit-transition: all .5s;transition: all .5s;}
.submenu ul li a::before:hover{content:'';width:0px;height:50px;background:#117bce;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.submenu ul li a:hover::before{content:'';width:250px;height:50px;background:#117bce;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.submenu ul li a::after{content:'';width:12px;height:14px;background:url(../images/pro_jt_01.png);position:absolute;top: 18px;right: 10px;-webkit-transition:all .5s;transition:all .5s;}
.submenu ul li a:hover::after{content:'';width:12px;height:14px;background:url(../images/pro_jt_02.png);position:absolute;top:18px;right:10px;-webkit-transition:all .5s;transition:all .5s;}
.submenu .cont p{padding: 1px 10px;line-height: 35px;}
.submenu .cont span{ display: block; text-align: center;}
.submenu .cont img{ display: block; margin: 5px auto;}

.cplist ul li{width: 305px;height: 290px;overflow:hidden;float: left;margin: 20px 20px 0 0;position: relative;-webkit-transition: all .5s;transition: all .5s;background:#000;} 
.cplist ul li img{width: 305px;height: 230px;transition: all 1s;vertical-align: top;}
.cplist .pic:hover img{opacity:.6;transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}
.cplist .name{width: 212px;height: 58px;line-height: 58px;border: solid 1px #bcbcbc;padding: 0 71px 0 20px;font-size: 14px;color: #797d80;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 0;display: block;}
.cplist ul li .name::before{content: '';width: 0px;height: 58px;background: #117bce;position: absolute;top: 0;left: 0;z-index: -1;-webkit-transition: all .5s;transition: all .5s;}
.cplist ul li:hover .name::before{content:'';width:303px;height:58px;background:#117bce;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;}
.cplist ul li:hover .name{ color:#fff;}
 
.cplist ul li .name::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_03.png) center center no-repeat rgba(0,0,0,0);border:solid 1px #c9c9c9;border-radius:10px;position:absolute;top:20px;right:20px;-webkit-transition:all .5s;transition:all .5s;}
.cplist ul li:hover .name::after{content:'';width:42px;height:16px;background:url(../images/pro_jt_04.png) center center no-repeat rgba(0,0,0,0);border:solid 1px #fff;position:absolute;top:20px;right:20px;-webkit-transition:all .5s;transition:all .5s;}
  
.newindex .box{width:31%;float:left;}
.newindex .box:nth-child(2){ margin:0 3.5%}
.newindex ul li{ line-height:36px; border-bottom:#ddd 1px dotted;}
.newindex ul li span{ color:#999}

.case .titlex{ font-size:20px; color:#006bbe; font-weight:bold;  }
.case .titlex a{   font-size:14px; font-weight:normal;}
.case .titlex:after{ content:''; width:90%; height:1px; background:#006bbe; display:block; right:0; top:15px; position:absolute; z-index:0;}
.case li{width:238px;float:left;display:inline;margin:6px;}
.case li a{width:238px;text-decoration:none;display:block;}
.case li a:hover img{border:1px solid #006bbe;}
.case li img{width:220px;height: 180px;margin:8px 9px 6px 9px;background-color: white;border: 1px solid #ccc;}
.case li span{height:29px; line-height:29px; color:#999; display:block; text-align:center;}
.case li h2 {font-weight:normal;width: 100%;height:28px;line-height:28px;font-size:14px;color: #333; text-align:center;}
.case li h2 b{font-weight:normal; color:#fff; float:right; display:inline;}
.case li a:hover h2{color:#006bbe;}
#demo {width: 1300px;overflow:hidden;}
#indemo {float: left;width: 800%;overflow: hidden;}
#demo1 {float: left;}
#demo2 {float: left;}
.titlex{ position:relative;}
.titlex:before{ content:"o"; position:absolute; left:0;}
.titlex:after{ content:''; width:72%; height:1px; background:#006bbe; display:block; right:0; top:15px; position:absolute; z-index:0;}
.titlex{ line-height:28px;padding-left: 20px;font-size: 20px;font-weight:bold;color:#006bbe;height:31px;} 
.titlex a{float:right;color: #fff; font-size:20px;text-decoration: none;line-height: 28px; background:#006bbe; width:30px; display:block; text-align:center; border-radius:30px; z-index:222; position:absolute; right:0}

 /* pages */

.pages{float: right;padding: 20px 0}
.pages li{float:left;line-height: 31px;margin-right: 10px;list-style: none; height:31px;}
.pages .thisclass{background:#eee;padding: 0 10px;}
.pages li:hover a{color:#f00}
.pages li a{display:block;line-height:31px;padding: 0 10px;}
.footer{background: #0069bc;padding: 20px 0;text-align: center;}
.footnav{color:#ffffff;}
.footnav a{line-height:40px;color:#fff;padding:0 3px 0 9px;}
.footnav a:hover{color:#fff;}
.copyright{color:#fff; line-height:22px;padding:6px 0;}
.copyright a,.copyright a:hover{color:#fff;}
.inbanner1{background: url(../images/inban1.jpg) no-repeat center center;height: 500px;}
.inbanner3 {background: url(../images/inban3.jpg)no-repeat center center;height: 500px;}
.inbanner2 {background: url(../images/inban2.jpg)no-repeat center center;height: 500px;}
.inbanner4 {background: url(../images/inban4.jpg)no-repeat center center ;height: 400px;}

/*内页*/
.inleft{width: 244px;}
.inright{width: 1000px;}
.right_con{line-height: 2;font-size: 16px;padding-bottom: 50px;min-height: 500px;}
.right_con img{display:block;margin:auto auto;max-width:100%}
.posnav{ border-bottom:#117bce 1px solid; line-height: 50px;}
.posnav .fl{ font-size: 24px; color: #117bce;}
.posnav .fr{ line-height: 50px;}
.newlist ul li{line-height: 50px;border-bottom: #ddd 1px dotted;height: 50px;}
.newlist ul li span{float: right;color: #999;line-height: 50px;}
.pages{float: right;padding: 20px 0}
.pages li{float:left;line-height: 31px;margin-right: 10px;list-style: none;/* padding:0 10px; */height:31px;}
.pages .thisclass{background:#eee;padding: 0 10px;}
.pages li:hover a{color:#f00}
.pages li a{display:block;line-height:31px;padding: 0 10px;}
.newtit{ text-align: center;}
.newtit h1{ font-size:22px;}
.newtit p{ font-size: 14px; color: #999; line-height: 28px;}
.page{height:auto;overflow: hidden;position: relative;background: #f0f0f0;padding: 8px;}
.page p:nth-child(1){float:left}
.page p:nth-child(2){float: right}
.page p{height:26px;font:12px/26px "microsoft yahei";color:#ff7800;overflow: hidden;}
.page p a{color:#ff7800}
.page p a:hover,.back:hover{text-decoration: underline}
.prolist li:hover{ background:#117bce;}
.prolist li:hover strong{ color:#fff;}
.prolist li{float:left;width: 310px;margin-right: 10px;margin-bottom: 10px;text-align:center;background:#eee;padding: 5px;}
.prolist li a{ display:block; width:100%;}
.prolist li span{width: 310px;display:block;overflow:hidden;}
.prolist li strong{ display:block; line-height:40px;}
.prolist li img{box-sizing: border-box;width:100%; transition:all 0.5s;}
.prolist li span:hover img {opacity:.8;transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}
.prolist li:nth-child(3n){margin-right:0}

 

.probox .proimg{ width: 450px; border: #117bce 5px solid;}
.probox .proimg img{ width: 100%;}
.probox .proinfo{width: 500px;}
.probox .proinfo h1{ color: #999; font-weight: normal; font-size: 16px;}
.probox .proinfo p{color: #666;line-height: 40px;font-size: 16px;}
.probox .tit,.xqtit{ font-size: 20px; color: #117bce;}
.probox .btn{ color:#f60; font-size: 20px;}
.probox .btn a{ width: 150px; text-align: center; display: inline-block; color: #fff; font-size: 18px; background-color: #117bce; border-radius: 4px; float: left;}
.xqtit{ text-align: center; font-weight: bold; position: relative;}
.xqtit:before{ content: ''; width: 400px; position: absolute; left: 0; top:20px; display: block; background:#117bce; height: 2px;}
.xqtit:after{ content: ''; width: 400px; position: absolute; right: 0; top:20px; display: block; background:#117bce; height: 2px;}