@charset "utf-8";
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}
* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: Microsoft YaHei;
	list-style:none;
	overflow-x:hidden;
}


table {
    font-family: Microsoft YaHei;
    font-size: 12px;
}
td {
    word-break: break-all;
	vertical-align:middle;
}
tr {
    vertical-align: top;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
img {
    vertical-align: middle;
    border: 0px none;
}

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

/*top*/
.top{ width:100%; height:173px; position:relative;}
.top_bg{}
.top_up{ width:100%; height:42px; border-bottom:1px #eee solid; background:#f7f7f7;}
.top_up_left{width:80%; height:42px; float:left; text-align:left; color:#656565; font-size:14px; line-height:42px;}
.top_up_right{width:20%; height:42px; float:right; color:#656565; font-size:14px;}
.top_up_right a {width:64px; height:42px;color:#656565; line-height:42px;}
.top_up_right a:link{  text-align:center; float:right; color:#656565;}
.top_up_right a:hover{ color:#f00;}

.top_logo{ width:1200px; height:131px; margin:0 auto;}
.img_logo{}
.img_ioc{padding-top:-5px;}
.top_logo_up{ width:1200px; height:131px; margin:0 auto;}

/*导航*/
* { box-sizing: border-box; }
/*左浮动*/
.float-left { float: left; }

/*右浮动*/
.float-right { float: right; }

/*清除浮动*/
.clearfix::before { content: ""; display: table-cell; }
.clearfix::after { content: ""; display: table; clear: both; }
body { margin: 0; padding: 0; color: #333; font: 16px/24px "-apple-system", "Helvetica", "Microsoft YaHei", "PingFang SC"; outline: none; }
ul, li { margin: 0; padding: 0; list-style: none;}
 .menu2 {
            white-space: nowrap;
            height:58px;
            line-height: 58px;
            font-size: 16px;
			background:#0e6eb8;
			overflow:hidden;
        }
        
.menu2 ul {
            width: 1200px;
			margin:0 auto;
        }
        
.menu2 li {
            float: left;
            position: relative;
            margin-left: -40px;
        }
        
.menu2 li span {
            display: inline-block;
            padding-left:60px;
        }
        
.menu2 li a {
            color: #fff;
            display: inline-block;
            padding-right:57px;
            background: url(../img/menu-fgx.gif) no-repeat right 0;
        }
        
.menu2 li em {font-style: normal;display: inline-block;}
.menu2 li.menu-shy span em {
            padding-left: 32px;
            background: url(../img/t_ico4.png) no-repeat 0 center;
        }
        
.menu2 li.cur a,
.menu2 li a:hover {
            text-decoration: none;
            z-index: 1;
            background: url(../img/mhbg2.png) no-repeat right 0;
            font-weight: bold;
        }
        
.menu2 li.cur a span,
.menu2 li a:hover span {
            background: url(../img/mhbg1.png) no-repeat 0 0;
        }
        
.menu2 li a:-webkit-any-link {
            display: block;
        }
		
        .t_top {
            height: 38px;
            line-height: 38px;
            color: #999;
        }
        
        .t_top span {
            float: right;
        }
        
        .t_top a {
            color: #999;
            display: inline-block;
            padding: 0 24px 0 22px;
            background: url(../images/t_ico1.gif) no-repeat 0 center;
        }
        
        .t_top a.t_ico2 {
            background: url(../images/t_ico2.gif) no-repeat 0 center;
        }
        
        .t_top a.t_ico3 {
            background: url(../images/t_ico3.gif) no-repeat 0 center;
            padding-right: 0;
        }

/* 
- 设置导航高度宽度和背景色 
- 没有边距，文字贴着边不好看，给个内边距padding: 16px;
*/
.menu { padding: 0 0px; width: 1300px; margin:0 auto; height: 60px;}
.menu_bgs{ width:100%; height:60px;background: #0e6eb8;}

/* 一级菜单设置为相对定位 */
.menu > ul > li {float: left;position: relative;margin-left: -40px;}

/* 
- 因为导航背景颜色是黑色，所以设置一级导航的文字颜色是白色 
- 导航高48px，一级导航的文字要垂直居中，可以计算（48-文字行高）/2，然后设置外边距或者内边距，让文字刚好居中。
- 上面的居中方式太复杂了，不如line-height: 48px;让文字行高和导航高度一样，自然就居中了。
*/
.menu > ul > li > a { 
    line-height: 60px; 
    color: #FFF;
    display: inline-block;
    background: url(../img/menu-fgx.gif) no-repeat right 0;
    font-size: 16px;
     }

.menu > ul > li > a { display: block; width:200px; text-align:center; line-height: 60px; color: #FFF; }

.menu > ul > li:hover > a,
.menu > ul > li.active > a {text-decoration: none;z-index: 1;background: url(../img/menut_btn.png) no-repeat right 0;font-weight: bold;}

/* 
- 二级菜单会占用高度，因此需要给它设置绝对定位，因为一级菜单是相对定位，因此二级菜单的位置是根据一级菜单来的
- 二级菜单的宽度100%也是根据一级菜单来的
*/
.sub-menu { position: absolute; width: 160px; top: 60px; left: 5px; background: #036fb8; box-shadow: 0 0 8px rgba(0,0,0,0.1); }
.sub-menu > li > a { display: block; padding: 8px; text-align: center; font-size: 14px; color: #FFF; }
.sub-menu > li + li > a { border-top: 1px solid rgba(255,255,255,0.5); }
.sub-menu > li:hover > a { background-color:rgba(232,52,40,1);}

.sub-menu { position: absolute; width: 160px; top: 60px; left: 5px; background-color:rgba(3,111,184,1); box-shadow: 0 0 8px rgba(0,0,0,0.1); opacity: 0; z-index: 999; visibility: hidden; 
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s; 
            transition: all 0.5s; 

            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0; 

            -webkit-transform:scaleY( 0 );
            -moz-transform:scaleY( 0 );
            -ms-transform:scaleY( 0 );
            -o-transform:scaleY( 0 );
            transform:scaleY( 0 ); }
			
.menu > ul > li:hover .sub-menu { opacity: 1; visibility: visible;
    -webkit-transform:scaleY( 1 );
    -moz-transform:scaleY( 1 );
    -ms-transform:scaleY( 1 );
    -o-transform:scaleY( 1 );
    transform:scaleY( 1 );  }    		
/*搜索*/
.sousuok{width: 100%;height:60px;background:#efefef;}
.sousuo_left{float: left;font-size: 14px;color: #5f5f5f;width:1200px;line-height:60px; text-align:left;}
.sousuo_left span{color: #383337;font-size: 16px;font-weight: bold;padding-left:13px;padding-right: 10px;} 
.bx1200{ width:1200px; margin:0 auto;}

/*底部*/


/*产品中心*/
.indexProduct{ padding-top:70px; padding-bottom:50px; width:100%;overflow:hidden;}

.indextypes {
    width: 260px;
    margin-left: 5px;
    float: left;
}
.indextypes li {
    height: 52px;
    line-height: 46px;
	background:url(../img/left_list0.jpg) no-repeat;
}
.indextypes li a {
    display: block;
	text-align:left;
	text-indent:52px;
    background: url(../img/jiantou.png) no-repeat -30px center;
    font-size: 18px;
    color: #666666;
}
.indextypes li a:hover {
   background:url(../img/left_list_hover.jpg) no-repeat;
   color: #0e6eb8;
   height: 52px;
    width: 240px;
}
.indexProduct .location {
    width: 917px;
    float: right;
}
.indexProduct .location .cat {
    border-left: 5px solid #cd1717;
    padding-left: 7px;
    line-height: 1;
    float: left;
}
.indexProduct .location .cat .en {
    font-size: 30px;
    color: #2965b1;
}
.indexProduct .location .cat .cn {
    font-size: 16px;
    color: #464646;
    margin-top: 10px;
}
.indexProduct .location .more {
    float: right;
    background: url(../img/promore.png) no-repeat;
    width: 50px;
    height: 48px;
}
.indexProduct .location .more a {
    display: block;
    width: 100%;
    height: 100%;
}
.indexProduct .location .message {
    width: 202px;
    height: 48px;
    background: url(../img/promsg.png) no-repeat 49px center #0753b3;
    float: right;
}
.indexProduct .location .message a {
    display: block;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    padding-left: 92px;
}
.indexProduct .list {
    float: right;
    overflow: hidden;
    width: 917px;
}
.indexProduct .list li {
    float: left;
    width: 294px;
    height: 207px;
    position: relative;
    overflow: hidden;
    margin-right: 11px;
    margin-top: 15px;
}
.indexProduct .list li img {
    display: block;
}
.indexProduct .list li .more {
    width: 294px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: url(../img/more.png) no-repeat center 120px rgba(7,83,179,.5);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    transition:all 0.3s linear 0s;
}
.indexProduct .list li:hover .more {
    height: 207px;
    line-height: 180px;

}
/*产品*/
.pnav{width: 1200px;position: relative;padding-top: 1px;margin:0 auto 0 auto;}
.pnav ul{text-align: center;}
.pnav ul li {display: block;margin: 0 18px;width: 260px;height: 350px;overflow: hidden;float: left;}
.pnav ul li a{display: block;}
.pnav ul li a img{transition:  1s;width: 260px;height: 300px;border-radius: 0%;transition: all .3s; padding:3px; border:1px #ccc solid;}
.pnav ul li a p{text-align: center;font-size: 18px;color: #404040;margin-top: 15px;transition: .5s;width: 100%;}

.pnav ul li a:hover img{filter: brightness(100%);}
.pnav ul li a:hover p {color: #e40000;}

.pnav .btnLeft,.pnav .btnRight{position:absolute;top:40%;margin-top:-15px;width:27px;height:51px;transition: 0.5s;opacity: 0.6;}
.pnav .btnLeft{left:-80px;background:url(../img/leftbtn.png) no-repeat center;}
.pnav .btnLeft:hover{left: -90px;opacity: 1;}
.pnav .btnRight{right:-80px;background:url(../img/rightbtn.png) no-repeat center;}
.pnav .btnRight:hover{right: -90px;opacity: 1;}
.guobg{width: 100%;padding-top: 1px;overflow: hidden;padding-bottom: 65px;}
.guobg .wrap1366{position: relative;}
.guobg .wrap1200{position: relative;}

.ptxt{width: 435px;height: 78px;position: absolute;left: 50px;top: 100px;}
.infoList{margin:50px 0 0;}
.produtlist li{margin-bottom:20px;width:326px;float:left;margin-right:20px;background: #fff;overflow: hidden;}
.produtlist li a{color: #000;display: block;position: relative;}
.produtlist li a img{width:326px;height:230px;display:block;transition: .5s;}
.produtlist li a em{display: block; font-size: 16px; color: #fff; height: 40px; position: absolute; left: 0; bottom: 0; background:url(../img/bg70.png) repeat; width: 286px; padding: 0 20px; overflow: hidden; line-height: 40px;transition: .5s;text-align: center;}
.produtlist li a em b{display: block;transition: .4s;}
.produtlist li a em p{font-size: 14px;text-align:left;}
.produtlist li a:hover em{line-height: 26px; height:84px; padding-top: 33px;cursor: pointer;}
.produtlist li a:hover em b{line-height: 50px;}
.produtlist li a:hover img{transform:scale(1.07,1.07);    filter: brightness(110%);}


/*工程案例*/
.pfgcalk{width: 100%;height: 628px;margin-bottom: 60px;}
/*案例效果*/
.syzs{background-size: cover;margin-top: 20px;}
#focus_Box{position:relative;width:1060px;height:450px;margin:0 auto;}
#focus_Box ul{position:relative;width:1060px;height:400px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; border:13px solid #e4e4e4;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; }
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../img/btn.png) left bottom no-repeat; left:-120px; top:205px;}
#focus_Box .next{background:url(../img/btn.png) right bottom no-repeat;right:-100px; top:205px;} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}


/*底部联系*/
.pflxdi{width: 100%;height: 470px;margin-top: 60px;}
.pflxk{width: 300px;float: right;margin-top: 55px;margin-right: 50px;}
.pflxbt{color: #fff;font-size: 22px;font-weight: bold;width: 280px;height: 65px;line-height: 65px;border-bottom: 1px solid #fff;}
.pflxnr{color: #fff;font-size: 16px;line-height: 26px;height: 210px;margin-top: 15px;}
.pflxdh{width: 245px;height: 60px;border-radius: 10px;background: #fff;padding: 15px;color: #272727;font-size: 16px;}
.pflxdh img{float: left;padding-left: 10px;}
.pflxdh p{color: #ff0;font-size: 28px;font-family: Impact;}
/*底部联系*/
.pfdibu{ width:100%;  height:245px;background:#2c2f34;overflow:hidden; text-align:center;}
.pfdi1{width: 100px;float: left;margin-top: 50px;margin-left: 80px;text-align:center;}
.h4{color: #a0a0a0;font-size: 16px; line-height:40px; border-bottom:1px #a0a0a0 solid;}
.pffldi{margin-top: 15px;}
.pffldi a{display: block;width: 100%;float: left;line-height: 26px;color: #929292;font-size: 14px;}
.pffldi a:hover{color: #ff0}
.pfdi2{width: 70px;float: left;margin-top: 50px;margin-left: 80px; text-align:center;}
.pfdi2 h4{color: #fff;font-size: 14px;}
.pfdhdi{margin-top: 15px;}
.pfdhdi li a{display: block;color: #929292;font-size: 14px;line-height: 26px;width: 100%;float: left;}
.pfdhdi li a:hover{color: #ff0}
.pfdi3{float: left;margin-top: 50px;margin-left: 100px;}
.pfdi3 h4{color: #fff;font-weight: normal;font-size: 20px;padding-left: 20px;}
.erweima_left{float: left;width: 245px;height: 105px;background: #424242;padding: 15px 20px 25px 20px;margin-top: 15px;color: #929292;font-size: 14px;line-height: 24px;}
.erweima{float: left;margin-top: 15px;}

/*版权*/
.dibanquan{ width:100%; background:#00284d; height:40px;margin: 0 auto;text-align: center;}
.dibanquan p{ font-size:14px; color:#a8afb8; line-height:40px;text-align:center;}

.foot-bottom{
        height:auto;
		padding-top:30px;
		padding-bottom:10px;
        text-align:left;
        line-height:25px;
		color:#a8afb8;
		background:#2c2f34;
		border-top:1px #424242 solid;
		font-size:14px;
		padding-top:10px;
    }
.foot-bottom a { color:#a8afb8;}
.foot-bottom a:hover { color:#ff0;}

/*关于我们*/
.main{ width:1200px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;}
.main-1{ width:1200px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;}
.sitemap {
    height: 43px;
    line-height: 40px;
    font-size: 12px;
}
.nrbt{
    font-size: 22px;
	padding-left:20px;
}
.fl {
    float: left;
}
.fr {
    float: right;
	padding-right:20px;
}
/*right*/
.right{width:100%; height:auto; float:right; margin-bottom:20px; text-align:left;}
.right_top{ width:1200px; height:auto; margin:0 auto; text-align:center; margin-top:0px;}
.right_tf{ width:100%; height:60px; line-height:60px; text-transform:uppercase; color:#0a070a; font-size:40px; text-align:center; font-weight:bold;}
.right_r{ width:100%; height:50px; line-height:50px; text-align:center; font-size:28px; color:#337fca;}
.right_bg{ width:900px; height:auto; margin:0 auto; margin-top:20px; overflow:hidden;}
.right2_bg{ width:900px; height:auto; margin:0 auto; margin-top:10px; overflow:hidden;}
.right_bt{ width:900px; height:7px;}

.right_fr{float: right;	padding-right:20px; color:#999999; font-size:14px;}
.right_fr a{color:#999999;}
.right_fr a:visited{color:#999999;}
.right_fr a:hover{color:#c50c22;}
.right_fr a:active{color:#c50c22;}

/*左侧列表*/
/*left*/
.left{ float:left; width:260px; height:auto; margin:0 auto; overflow:hidden; margin-bottom:30px; background-color:#FFF;}
.left_pro_top{width:260px; height:60px; background:#047ceb; color:#FFF; overflow:hidden; margin:0 auto;}
.left_pro_top-pc{width:100%; height:60px; background:#047ceb; color:#FFF; overflow:hidden; margin:0 auto;}
#left{
	width:270px;
	overflow:hidden;
	float:left;
	display:inline;
	}
.lx_left{ width:260px; margin-bottom:20px; margin:0 auto;border:1px #2073cf solid;}

.lx_left-pc{ width:100%; margin-bottom:20px; margin:0 auto;border:1px #2073cf solid;}

.lx_bg{ width:100%; height:532px; overflow:hidden;}
.lx_body{ width:862px; height:481px; margin:0 auto;}
.lx_top{ width:731px; height:95px; margin:0 auto;}
.lx_body2{ width:650px; height:280px; color:#000; margin:0 auto; text-align:center; line-height:40px;}


.left_pro_bg{width:270px; height:auto; margin:0 auto; margin-bottom:20px;}

.left_list{ width:270px; height:auto; margin:0 auto; text-align:center; text-indent:0px; overflow:hidden;}
.left_list ul{}
.left_list ul li{ width:270px; height:38px;  margin:0 auto; line-height:38px; font-size:16px;}
.left_list ul li a{ text-decoration:none; color:#fff; display:block; background:#69b0ff;}

.left_list_on{ width:270px; height:auto; margin:0 auto; text-align:center; text-indent:0px; overflow:hidden;}
.left_list_on li{ width:270px; height:38px;  margin:0 auto; line-height:38px; font-size:16px;}
.left_list_on li a{ text-decoration:none; color:#fff; display:block; background:#2073cf;}

.left_list_on li a:visited{text-decoration:none; color:#fff; display:block;border:1px #69b0ff solid;}
.left_list_on li a:hover{height:38px; line-height:38px; display:block; color:#fff; background-color:#69b0ff;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear; transition:all 0.5s linear;}
.left_list_on li a:active{ text-decoration:none; color:#fff; display:block;}
.lxwm3{ line-height:30px; padding-left:10px; padding-bottom:15px; width:90%; margin:0 auto; text-align:left; color:#000; font-size:16px;}
.fen2{
	line-height: 55px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 270px;
}
.lx_bt{ width:270px; height:20px; background:#FFF;}




.left_lx{ width:300px; height:auto; margin:0 auto; overflow:hidden; margin-top:30px;}
.left_lx_top{ width:250px; height:142px; margin:0 auto; background:url(left_logo.jpg) no-repeat center top;}
.left_lx_tf{ float:left; color:#0f2e4a; font-size:18px; height:50px; font-weight:bold; line-height:50px;}
.left_lx_bg{ width:270px; height:auto; margin:0 auto;}

/*搜索*/

.sousuo{ font-size:14px; background:#2073cf; color:#FFF; border:1px solid #2073cf; padding:3px 10px 3px 10px;border-radius:10%;cursor:pointer;}
.sousuo:hover{ background:#004f9a;border:1px solid #2073cf;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear; transition:all 0.5s linear;}

.anli_list{ width:275px; height:330px; float:left; margin-bottom:20px; margin-right:10px; padding-left:10px;}
.anli_list a{width:275px;height:330px; margin:0 auto; display:block; border:1px #ccc solid; color:#666666; cursor:pointer;}
.anli_list a:hover{
    width:275px;
    height:330px; 
    display:block; 
    margin:0 auto; 
    border:#dddddd 1px solid; 
    color:#094faf;
-webkit-box-shadow:0 0 10px #dddddd;  
  -moz-box-shadow:0 0 10px #dddddd; 
  box-shadow:0 0 10px #dddddd;}

.anli_list_text{ 
    width:92%; 
    height:30px; 
    text-align:center; 
    overflow:hidden; 
    margin-left:10px; 
    line-height:40px; 
    margin-top:5px; 
    font-size:16px;
}


.cp_list{ width:275px; height:250px; float:left; margin-bottom:20px; margin-right:10px; padding-left:10px;}
.cp_list a{width:275px;height:250px; margin:0 auto; display:block; border:1px #ccc solid; color:#666666; cursor:pointer;}
.cp_list a:hover{width:275px;height:250px; display:block; margin:0 auto; border:#dddddd 1px solid; color:#094faf;
-webkit-box-shadow:0 0 10px #dddddd;  
  -moz-box-shadow:0 0 10px #dddddd; 
  box-shadow:0 0 10px #dddddd;}

.cp_list_text{ width:235px; height:30px; text-align:center; overflow:hidden; margin-left:10px; line-height:40px; margin-top:5px; font-size:16px;}

.news_author {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #505050;
    font-size: 12px;
    text-align: center;
    border-bottom: #e1e3df dashed 1px;
    margin: 0 auto;
    color: #666;
    margin-bottom: 20px;
}

.pageNavi{ width:90%; margin:0 auto; height:auto;}
.pageleft{ width:48%; height:40px; line-height:40px; text-align:center; float:left; margin-bottom:20px; font-size:14px; background:#F7F7F7;}
.pageright{ width:48%; height:40px;line-height:40px; text-align:center; float:right;margin-bottom:20px; font-size:14px;background:#F7F7F7;}
.pageleft a:hover{ color:#094faf;}
.pageright a:hover{ color:#094faf;}




/*产品展示*/
.til01{text-align: center;height:80px;color: #333;font-size:40px;line-height:80px;font-family: "Microsoft Yahei";font-weight: normal;background:url(../img/plantbg.gif) no-repeat center 0;margin-bottom: 34px;}
.til01 b{color: #0e6eb8;}
.til01 a{color: #333;}

.til011{text-align: center;height:80px;color: #333;font-size:40px;line-height:80px;font-family: "Microsoft Yahei";font-weight: normal;background:url(../img/case.gif) no-repeat center 0;margin-bottom: 34px;}
.til011 b{color: #0e6eb8;}
.til011 a{color: #333;}

.pc_body{ width:100%; height:1700px;background:url(../img/cp_body.png) center bottom no-repeat;}
.probox .til01{background:url(../img/protbg.gif) no-repeat center 0;}
.newbox .til01{background:url(../img/newbg.gif) no-repeat center 0;}
.newbox .til011{background:url(../img/aboutbg.png) no-repeat center 0;}


.pro_list{width:1200px;overflow: hidden;}
.pro_lc{border: solid 1px #ccc;}
.pro_lc,.pro_lc li,.pro_lc li img{width:898px;height: 400px;overflow: hidden;line-height:48px;}
.pro_lc span.pro_next{position: absolute;right: 0;bottom: 0;z-index: 9;}
.pro_lc span,.pro_lc span img{width:43px;height: 48px;}
.pro_lc li{position: relative;font-size: 18px;}
.pro_lc li p{position: absolute;left: 0;bottom: 0;background:url(../img/bg01.png) repeat 0 0;padding: 0 30px;width:840px;z-index:1;}
.pro_lc li p a{display: block;color: #fff;}

.pro_lt{height:auto;overflow: hidden;}
.pro_lt ul{width: 1200px;}
.pro_lt li{float: left;width:273px;margin: 0 27px 20px 0;border-bottom: solid 1px #ccc;position: relative;height: 244px;}
.pro_lt li p,.pro_lt li img{height:203px;width:273px;display: block;overflow: hidden;}
.pro_lt li p{position: absolute;top:0;height:0;left: 0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);height: 0;background:url(../img/bg01.png) repeat;text-align: center;}
.pro_lt li span{display: block;height: 41px;line-height: 41px;text-align: center;}
.pro_lt li span a{display: block;color: #333;}
.pro_lt li p a{display: none;margin-top: 63px;}
.pro_lt li.cur{border-bottom-color: #0e6eb8;}
.pro_lt li.cur p{height: 203px;}
.pro_lt li.cur p a{display: block;}
.pro_lt li.cur span a,.pro_lt li span a:hover{color: #0e6eb8;text-decoration: none;font-weight: bold;}


.pro_lc dt img,.show_cp li p img,.new_c dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_lc dt img:hover,.show_cp li p img:hover,.new_c dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*解决方案*/
.plan{height:868px;line-height: 23px;margin-bottom: 80px;background:url(../images/planbg.jpg) no-repeat center bottom;}
.plantil{height:84px;background: #eaeaea;font-size: 18px;margin-bottom:31px;overflow:hidden;}
.plantil ul{height:84px;border-left: solid 1px #ccc;float: left;}
.plantil li,.plantil p{width: 298px;float: left;border-right: solid 1px #ccc;line-height:81px;white-space: nowrap;}
.plantil li a,.plantil p a{display: block;background:url(../images/ico01.gif) no-repeat 60px 30px;padding-left: 90px;border-top: solid 3px #eaeaea;}
.plantil li a:hover,.plantil p a:hover{background:url(../images/ico02.gif) no-repeat 61px 30px #fff;border-top-color:#0e6eb8;color: #0e6eb8;font-weight: bold;}
.plan_c1l{width: 278px;position: absolute;right: 0;top: 135px;overflow: hidden;}
.plan_c1l li,.plan_c1l li img,.plan_c1l li p{width: 278px;height: 156px;display: block;}
.plan_c1l li{position: relative;margin-bottom: 19px;text-align: center;}
.plan_c1l li p{position:absolute;top: 0;left: 0;background:url(../images/bg01.png) repeat 0 0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);height: 0;}
.plan_c1l li p a,.pro_lt li p a{display: none;color: #fff;line-height: 47px;border-top: solid 1px #c8c5c4;border-bottom: solid 1px #c8c5c4;background:url(../img/ico05.png) no-repeat center 15px;margin: 36px 65px 0;padding: 35px 0 0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.plan_c1l li.cur p{height: 156px;}
.plan_c1l li.cur p a{display: block;}
.plan_c1 dd{height: 133px;overflow: hidden;}
.plan_c1 dd h3{width: 198px;line-height: 72px;border: solid 1px #0e6eb8;text-align: center;font-weight: normal;color: #0e6eb8;margin: 16px 34px 0 0;float: left;font-size: 30px;}
.plan_c1 dd p{width: 965px;float: left;}
.plan_c1 dd p b{display: block;line-height: 50px;font-weight: normal;color: #0e6eb8;font-size: 18px;}
.plan_c1 dd p b a{display: block;color: #0e6eb8;}
.plan_c1 dt,.plan_c1 dt img{height:506px;overflow: hidden;width: 900px;}

/**/
.tu1{ background:url(../img/tu1.jpg) no-repeat; margin:0 auto; width:1200px; height:212px;}

/*优势*/
.youshi_bg{ width:1200px; height:auto; margin:0 auto;}
.youshi_tu1{ width:1200px; height:420px; background:url(../img/youshi_tu.jpg) no-repeat;}
.youshi_tu2{ width:1200px; height:420px; background:url(../img/youshi_tu2.jpg) no-repeat;}
.youshi_tu3{ width:1200px; height:420px; background:url(../img/youshi_tu3.jpg) no-repeat;}
.youshi_tu4{ width:1200px; height:420px; background:url(../img/youshi_tu4.jpg) no-repeat;}

/*我们*/
.webox{padding: 40px 0 0;height: 460px;font-family:"Microsoft Yahei";line-height: 26px;text-align: center;background:url(../img/webg.jpg) no-repeat center bottom;}
.wetil{width:204px;text-align: right;line-height: 24px;color: #272727;padding: 57px 0 0;}
.wetil em{display: block;padding:0 0 13px;}
.wetil span{display: block;}
.wecon{width: 1300px;overflow: hidden;padding: 43px 0 0;}
.wecon dl{width:310px;float: left;background:url(../img/line1.gif) no-repeat right 36px;padding: 0 31px;}
.wecon dl.born{width:251px;background:none;padding-right: 0;}
.wecon dt{font-size: 18px;line-height: 61px;height: 61px;color: #333;}
.wecon dt b{font-size: 56px;font-family: Times New Roman;color: #b00;display: inline-block;padding: 0 8px 0 0;}
.wecon dd h3{font-size: 26px;display: block;line-height: 54px;font-weight: bold;color: #333;}
.wecon dd p{height:68px; font-size:14px;}
.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(../img/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(../img/ico08.gif) no-repeat 0 center;}
.content{
            width: 1200px;
            margin: 0 auto;
            font-family: "Microsoft Yahei";
        }
/*关于我们*/		
.til02{text-align: center;height:80px;color: #333;font-size:40px;line-height:80px;font-family: "Microsoft Yahei";font-weight: normal;background:url(../img/aboutbg.png) no-repeat center 0; padding-bottom: 34px;}
.til02 b{color: #0e6eb8;}
.til02 a{color: #333;}
.til-03{
    text-align: center;
    height:80px;
    color: #333;
    font-size:40px;
    line-height:80px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    background:url(../img/productsbg.png) no-repeat center 0; 
    padding-bottom: 34px;
}
.til-03 b{color: #0e6eb8;}
.til-03 a{color: #333;}
.about_bg{ background:#f8f8f8; width:100%; height:480px;}
.about_right{width:500px; height:285px; float:left;}
.about_right a{ display:block; width:120px; line-height:36px; background:#cd1717; text-align:center; color:#fff; margin-top:20px; float:right;}
.about_right a:hover{ opacity:0.9;}

/*成功案例*/
/*case*/
.case { overflow:hidden; width:100%; margin:50px 0;}
.case h2{ text-align:center; background:url(../img/title01.png) no-repeat center; padding:10px 0; margin-bottom:30px;}
.case h2 a{ display:block; font-size:40px; color:#002882; margin-bottom:25px; text-decoration:none}
.case h2 em{ color:#333;}
.case h2 p{ font-weight:normal; font-size:18px; color:#666666; position:relative; top:-15px;}
.case .casebox{ overflow:hidden; width:1100px; margin:0 auto; height:350px; position:relative}
.case .casebox i{ display:block; width:26px; height:71px; cursor:pointer; position:absolute; top:110px;}
.case .casebox .btn01{ background:url(../img/hezuo_btn.png) no-repeat center top; left:0}
.case .casebox .btn02{ background:url(../img/hezuo_btn.png) no-repeat center bottom; right:0}
.case .caseAll{ overflow:hidden; width:1000px; margin:0 auto; height:350px;}
.case .caselist{ overflow:hidden; width:100%; height:300px; position:relative}
.case .caselist .list{ overflow:hidden; background-color:#000; position:absolute}
.case .caselist .list img{ display:block; opacity:0.5; filter:alpha(opacity=50);}
.case .caselist .list.active{ background:none}
.case .caselist .list.active img{ opacity:1; filter:alpha(opacity=100)}
.case .caselist .list p{ font-size:14px; color:#333; text-align:center; margin-top:15px;}
.case .menu{ overflow:hidden; width:100%; text-align:center; margin-bottom:45px;}
.case .menu li{ display:inline-block; width:120px; height:22px; text-align:center; line-height:22px; font-size:14px; border:2px solid #d2d2d2; margin:0 5px;}
.case .menu li{ *display:inline}
.case .menu li a{ display:block; color:#333; text-decoration:none;}
.case .menu li.cur{ border-color:#c80b0f;}
.case .menu li.cur a{ color:#c80b0f;}


/*资讯*/
.til03{text-align: center;height:80px;color: #333;font-size:40px;line-height:80px;font-family: "Microsoft Yahei";font-weight: normal;background:url(../img/newbg.gif) no-repeat center 0;}
.til03 b{color: #0e6eb8;}
.til03 a{color: #333;}
.img{width:388px;height:140px;display: block;overflow: hidden;float: right; z-index:2;}
.dro{width:550px; height:100px;padding-top:15px; color:#666; font-size:16px; line-height:30px; text-indent:20px; border-bottom:#CCC 1px solid;}
.news_title{width:550px; height:30px; padding-top:15px;}
.news_title a:link{ color:#0f70b7;font-size:16px; font-weight:bold;}
.news_title a:hover{ color:#bd0b19;}
.news_title_left{width:550px; height:10px; padding-top:15px;}
.news_title_left a{ color:#666;font-size:16px; background:url(../img/ico09.gif) left no-repeat;}
.news_title_left a:hover{ color:#bd0b19; background:url(../img/ico010.gif) left no-repeat;}

.news_list_right{width:275px; height:140px; border-bottom:#CCC 1px solid;}
.news_title_right{width:275px; height:10px; padding-top:15px; padding-left:15px;}
.news_title_right a:link{ color:#000;font-size:15px; background:url(../img/faq_ico1.gif) left no-repeat; font-weight:bold;}
.news_title_right a:hover{ color:#bd0b19; background:url(../img/faq_ico2.gif) left no-repeat;}


/*foot*/
.foot_body{ overflow:hidden; width:100%; height:469px; background:url(../img/foot_bg.jpg) repeat;}
.foot_bg{ width:1200px; height:318px; background:url(../img/foot_body.jpg) no-repeat; margin:0 auto; margin-top:20px;}
.foot_lx_btn{width:125px; background:#FFF; height:40px; float:right; line-height:40px; text-align:center; font-size:18px; margin-top:13px;opacity: 0.8;}
.foot_left{width:23.2%; float:left;overflow:hidden;}
.foot_center{ width:50%; float:left;overflow:hidden; border-left:1px #fff solid; border-right:1px #fff solid;}
.foot_right{ width:26%; float:right;overflow:hidden; text-align:left;}

/*产品中心 */
.g_pro{padding-top: 30px;}
.g_pro h2{background:url(../img/protit.jpg) no-repeat;height: 36px;line-height: 26px;text-align: center; height: 74px;}
.g_pro h2 a{color: #1367c5;font-size: 26px;font-weight: normal;}
.g_pro h2 em{display: block;color: #555555;font-size: 14px;text-transform: uppercase;line-height: 26px;}

.g_pro h3{height: 32px;line-height: 32px;background:url(../img/tit1.jpg) no-repeat; margin-bottom: 40px; }
.g_pro h3 a{color: #1367c5;font-size: 26px;font-weight: normal;  border: 1px solid #d1d1d1;width: 125px;height: 31px;display: block;text-align: center;line-height: 31px; color: #555555;font-size: 14px; float: left; margin-right: 42px;background: #fff;}
.g_pro h3 a:hover,.g_pro h3 .cur {background: #1367c5;color: #fff; border: 1px solid #1367c5;}
.g_pro .lasta{margin-right: 0;}
.m_cpc dl{float: left; width: 225px;margin-right: 19px;margin-bottom: 40px;height:325px;}
.m_cpc .lastdl{margin-right: 0;}

.t_con {
            height: 115px;
            padding: 16px 0 0;
            overflow: hidden;
        }
        
        .t_con h1,
        .t_con h1 img {
            width: 74px;
            display: block;
            height: 90px;
        }
        
        .t_text {
            padding: 10px 0 0 10px;
            font-size: 22px;
            color: #666;
            line-height: 31px;
        }
        
        .t_text b {
            display: block;
            color: #c30c22;
            line-height: 38px;
            font-size: 30px;
            letter-spacing: 1px;
            font-family: "微软雅黑";
        }
        
        .t_pho {
            color: #555;
            padding: 16px 0 0 56px;
            background: url(../img/t_pho.gif) no-repeat 0 20px;
            font-size: 16px;
            line-height: 25px;
        }
        
        .t_pho span {
            width: 70px;
            float: left;
            padding: 6px 20px 0 0;
        }
        
        .t_pho p {
            width: 206px;
            float: left;
            line-height: 30px;
            font-family: Times New Roman;
            font-size: 30px;
            color: #333;
        }
        
        .t_pho b {
            display: block;
        }

/* 产品 */
.pro2-bg{
  padding-top: 1vw;
  padding-bottom: 4.6875vw;
}

.pro-wrap{
  margin-top: 0;
}

.prol{
  width: 21.33%;
}

.pro1{

}

.pro1 .pt{
  background: #047ceb;
  padding: 0.9vw;
/*  border-top-left-radius: 5px;
  border-top-right-radius: 5px;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.psort{
  background: #fff;
  margin-top: 6px;
  padding: 0 1vw;
  overflow:hidden;
  padding-bottom: 1vw;
}

.psort li{
  border-bottom: 1px solid #e4e4e4;
  padding: 0.8vw 0;
  width: 48%;
  float: left;
  background: url(../image/439f2e57220976c77f2d53956722cd580041feb0.png) no-repeat right center;
}

.psort li:nth-child(2n){
    float: right;
}
.psort li a{
  display: block;
  color: #333333;
  font-size: 16px;
  text-align: left;
  height: 20px;
  overflow: hidden;
}

.psort li:hover a{
  color: #047ceb;
}

.pro2{
  margin-top: 8px;
}

.pror{
  width: calc(100% - 25.33%);
}

.plist1{
  flex-wrap: wrap;
}

.plist1 li{
  width: 32.5%;
  border: 1px solid #eeeeee;
  background: #fff;
  text-align: center;
  padding: 0.78125vw;
  float: left;
  margin-right: 10px;
}

.plist1 li:nth-child(3n){
    margin-right: 0px;
}

.plist1 li .img1 img{
  width: 100%;
}

.plist1 li .wz1{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.78125vw 0;
}

.plist1 li .wz1 span{
  width: 50px;
  height: 2px;
  background: #e6e6e6;
}

.plist1 li .wz1 b{
  font-weight: 500;
  color: #999999;
  font-size: 16px;
  font-family: "Arial";
  text-transform: uppercase;
  padding: 0 10px;
}

.plist1 li .wz2{
  color: #333333;
  font-size: 20px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}

.plist1 li .wz3{
  width: 155px;
  height: 44px;
  border: 2px solid #ebebeb;
  border-radius: 30px;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
  color: #666666;
  font-size: 16px;
  margin-top: 1vw;
  margin-bottom: 20px;
}

.plist1 li:hover .wz2{
  color: #047ceb;
}

.plist1 li:nth-child(n+4){
  margin-top: 1.16666666666667vw;
}

@media(max-width: 1600px){
  .psort li{
    padding: 15px 0;
  }
}

@media(max-width: 1480px){
  .psort li{
    padding: 14px 0;
  }
}

@media(max-width: 1366px){
  .psort li{
    padding: 12px 0;
  }
}

@media(max-width: 1280px){
  .psort li a{
    font-size: 17px;
  }
}

@media(max-width: 1200px){
  .psort li{
    padding: 11px 0;
  }
   .psort li a{
     font-size: 16px;
   }
}

@media(max-width: 1024px){
  .pro1 .pt{
    font-size: 20px;
  }
  .psort li{
    padding: 10px 0;
  }
  .psort li a{
    font-size: 14px;
  }
  .plist1 li .wz2{
    font-size: 16px;
  }
}

@media(max-width: 780px){
  .pro2-bg{
    padding: 40px 0;
  }
  .pro-wrap{
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .prol {
    width: 100%;
  }
  .pro1 .pt{
    padding: 10px;
  }
  .pror {
    width: 100%;
    margin-top: 20px;
  }
  .plist1 li{
    width: 49%;
    margin-bottom: 2%;
  }
  .plist1 li .wz1{
    padding: 10px 0;
  }
  .plist1 li .wz1 b{
    font-size: 14px;
  }
  .plist1 li .wz2{
    font-size: 14px;
  }
  .plist1 li .wz3{
    width: 80%;
    font-size: 12px;
    line-height: 30px;
    height: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .plist1 li:nth-child(n+4){
    margin-top: 0;
  }
}