@charset "utf-8";
*{ margin:0; padding:0;line-height:1.8em;}
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: 1200px;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}
.button{border:0px; }
ul{ list-style-type:none} 
.clearfix{clear: both;}
.logo{padding: 10px 0px 0px 0;}
.top .fr img {float: right;margin-right: 10px;}
.tel{background: url(../images/tel2.png)no-repeat left 8px;height: 110px;margin-top: 10px;} 
.top .wid .fr span{color: #ff0000;font-size:  30px;font-weight:  bold;line-height: 135px;padding-left: 58px;}
.top{background:#eee;}
/*主菜单*/
.menu_bg{width:100%;}
.menu ul{ display:block; border-left:#ddd 1px solid; height:50px;}
.menu_bg li{float:left;font-weight:bold;text-align:center;height: 50px;font:normal 18px/50px "微软雅黑";border-right:#ddd 1px solid;}
.menu_bg li a{display:block;width: 198px;line-height:50px;} 
.menu_bg li a:hover{ background:#1361ce;COLOR: #fff }
.menu_bg .active,.menu_bg .active:visited{background: #1361ce;COLOR: #fff;}
#nav li:nth-child(1){border-left: solid 1px #dfdfdf;}
#nav li{Z-INDEX:9999;POSITION: relative;text-align:center;cursor: pointer;width: 198px;text-align:center;border-right: 1px #eee solid;}
#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: 100%;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: 600px;}
.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;}
.flexslider .slides .s5{ background:url(../images/ban05.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;}

.yewu{background: #f0f0f0;height: 300px;}
.yewu ul{width: 1200px;margin: 0px auto;}
.yewu ul li{float: left;margin-right: 100px;margin-top: 50px;margin-bottom: 40px;margin-left: 50px;}
.yewu ul li{width: 150px;height: 150px;background-size: 60px!important;}
.yewu ul li a{display:block;width:100%;text-align: center;color: #000;font-size: 18px;line-height: 2;}
.yewu ul li a:hover img{ transform: rotate(360deg);}
.yewu ul li img{width: 100%;height:auto;border-radius: 120px; transition:all 0.3s ease-in-out;}
.you02 ul li:nth-child(1){font-size:30px;color:#09539a;font-weight:600;margin-top: -68px;}
.case_box{background: #f0f0f0;}
.yewu ul li span{display:inline-block;width:100%;text-align:center}
.a1 {top: 0px!important;opacity: 1!important;}

/*首页公司介绍+新闻版块*/
#wrapper{width: 1200px;margin: 0 auto;}
.aboutcnt{padding-top:30px;padding-bottom: 40px;}
.con2{width: 1200px;margin:0 auto;overflow:hidden;}
.con2_left{float:left;width: 650px;overflow:hidden;}
.con2_title{width:100%;height:71px;overflow:hidden;}
.con2_name1{float:left;background:url(../images/title2.jpg) 0 center no-repeat;padding-left:33px;font:700 18px/71px "microsoft yahei";color:#0349bd;}
.con2_name2{float:left;background:url(../images/title3.jpg) 0 center no-repeat;padding-left:33px;font:700 18px/71px "microsoft yahei";color:#0349bd;}
.con2_title a{float:right;font:14px/71px "microsoft yahei";color:#0349bd;}
.con2_about{width:100%;overflow:hidden;font:14px/26px "microsoft yahei";color:#4e4e4e}
.con2_about img{float:left;margin-right: 0;margin-top:6px;width: 230px;border: 1px solid #ddd;}
.con2_right{float:right;width: 486px;overflow:hidden;}
.con2_news{overflow:hidden;}
.con2_news li{width:100%;height: 36px;border-bottom: 1px dashed #999;overflow:hidden;font: 14px/20px "microsoft yahei";color:#4e4d4d;padding-top: 10px;}
.con2_news li{border-bottom: 1px dashed #999;overflow:hidden;color:#4e4d4d;}
.con2_news li a{color:#4e4d4d;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;width: 70%;line-height: 20px;font-size: 16px;}
.con2_news li img{float:left;margin-top: 10px;margin-left:6px;display: none;}
.con2_news li span{float:right;line-height:  1.8;color: #999;}
.abt{line-height:30px;font-size: 16px;text-indent: 2px;margin-left: 0;float: right;width: 410px;padding-left: 0;}

/*首页产品版块*/
.proindex{width:100%;background: #f0f0f0;overflow:hidden;padding-top:40px;padding-bottom: 40px;}
.proindex .left{width: 240px;}
.proindex .right{width: 930px;}
.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;width: 172px;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: 0px 5px;line-height: 35px;border-bottom: 1px solid #e2e2e2;width: 197px;height: 35px;}
.submenu .cont span{ display: block; text-align: center;}
.submenu .cont img{ display: block; margin: 5px auto;}

.cplist ul li{width: 220px;overflow:hidden;float: left;margin: 0 0 10px 10px;position: relative;-webkit-transition: all .5s;transition: all .5s;background:#000;} 
.cplist ul li img{width: 100%;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: 203px;line-height: 58px;border: solid 1px #bcbcbc;font-size: 14px;color: #797d80;background: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;z-index: 0;display: block;padding-left: 15px;}
.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: 31px;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;}

.you02-box {
	width: 1200px;margin: 40px auto;}
.you02-box h2 {
	height: 120px;}
.you02 {
	width: 1200px;position: relative;background: url(../images/you02-di.jpg) no-repeat center center;height: 780px;}
.you02 ul {
	position: absolute;width: 500px;}
.you02 ul li {
	color: #545454;width: 510px;font-size: 16px;}
.you02-1 {
	left: 70px;top: 90px;}
.you02-2 {
	left: 690px;top: 370px;}
.you02-3 {
	left: 70px;top: 620px;}

 
.case{background: #eee;padding-top: 30px;}
.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: 23%;display: inline-block;margin: 0 1.5% 20px 0;}
.case li a{width:238px;text-decoration:none;display:block;}
.case li a:hover img{border:1px solid #006bbe;}
.case li img{width: 310px;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;text-align: center;line-height:28px;font-size:14px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.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:before{ content:"o"; position:absolute; left:0;}
.titlex:after{content:'';width: 90%;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;position: relative;} 
.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: #117bce;padding: 20px 0;text-align: center;margin-top: 40px;}
.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; height: 400px;}
.inbanner3 {background: url(../images/inban3.jpg)no-repeat center;height: 400px;}
.inbanner2 {background: url(../images/inban2.jpg)no-repeat center;height: 400px;}
.inbanner4 {background: url(../images/inban4.jpg)no-repeat center;height: 400px;}

/*内页*/
.inleft{width: 240px;}
.inright{float:left;width: 920px;height:auto;overflow:hidden;padding-left: 30px;}
.right_con{height:auto;font: 18px/40px "microsoft yahei";color: #333;line-height: 2;}
.right_con img{display:block;margin:auto auto;max-width:100%}
.lit_content{float:left;width: 45%;margin-left:20px;}
.lit_content p{font-size: 14px;text-align:left;width: 100%;}
.lit_content p img{display:block;margin-left: 20%;}
.right_con p{width:100%;display:inline-block}
.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: 290px;margin-right: 10px;margin-bottom: 10px;text-align:center;background:#eee;padding: 5px;}
.prolist li a{ display:block; width:100%;}
.prolist li span{width: 290px;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: 246px;border: #117bce 5px solid;}
.probox .proimg img{ width: 100%;}
.probox .proinfo{width: 600px;}
.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;}
.cptd{width: 500px;padding:10px;padding-left:30px;background:#e8e8e8;border:1px solid #ccc;margin-bottom: 20px;}

.case_box{margin: 50px 0;}
.hezuo ul{padding-top:10px;}
.hezuo li{width: 280px;float:left;display:inline;margin:6px;}
.hezuo li a{width: 100%;text-decoration:none;display:block;}
.hezuo li a:hover img{border:1px solid #003e87;}
.hezuo li img{margin:8px 9px 6px 9px;background-color: white;border: 1px solid #ccc;width: 100%;}
.hezuo li span{height:29px; line-height:29px; color:#999; display:block; text-align:center;}
.hezuo li h2 {font-weight:normal;width: 100%;height:28px;line-height:28px;font-size:14px;color: #333;text-align:center;}
.hezuo li h2 b{font-weight:normal; color:#fff; float:right; display:inline;}
.hezuo li a:hover h2{color:#003e87;}