﻿@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}



/**/



/**/

.banners{height: 550px;}

.fullSlide {

	width:100%;

	position:relative;

	height:550px;

}

.fullSlide .bd {

	margin:0 auto;

	position:relative;

	z-index:0;

	overflow:hidden;

}

.fullSlide .bd ul {

	width:100% !important;

}

.fullSlide .bd li {

	width:100% !important;

	height:550px;

	overflow:hidden;

	text-align:center;

	 background-position:center top;

	 background-repeat:no-repeat;

}

.fullSlide .bd li a {

	display:block;

	height:550px;

}



.fullSlide .hd {

	width:100%;

	position:absolute;

	z-index:1;

	bottom:0px;

	left:0;

	height:30px;

	line-height:30px;

}

.fullSlide .hd ul {

	text-align:center;

}

.fullSlide .hd ul li {

	cursor:pointer;

	display:inline-block;

	*display:inline;

	zoom:1;

	width:100px;

	height:8px;

	margin:1px;

	overflow:hidden;

	background:#fff;

	line-height:999px;

}

.fullSlide .hd ul .on {

	background:#004ebe;

}

.fullSlide .prev,.fullSlide .next {

	display:block;

	position:absolute;

	z-index:1;

	top:50%;

	margin-top:-30px;

	left:5%;

	z-index:1;

	width:40px;

	height:60px;

	cursor:pointer;

	filter:alpha(opacity=50);

	opacity:0.5;

	display:none;

	width:73px; 

	height:73px;

}

.fullSlide .prev

{

  }

.fullSlide .next {

	left:auto;

	right:5%;

}

.banner22{ height: 550px; overflow: hidden;}

.banner22 a{ display: block;background:url(../images/banner.jpg) no-repeat center 0; height: 550px;}

/**/



.gc1{ height: 167px; border-right: 1px solid #eee; }

.gc1 ul{ overflow: hidden;}

.gc1 ul li{ float: left; padding: 29px 0 0 31px; border-left: 1px solid #eee; width: 368px;height: 138px;}

.gc1 ul li strong{ display:block; width: 110px; padding-right: 11px; height: 110px;background:url(../images/bg2.gif) no-repeat; text-align: center; color: #fff; line-height: 110px; font-size: 36px; font-weight: bold;

    float:left;}

.gc1 ul li em{ display: inline-block; float:right; width: 228px; font-size: 16px; color: #333;}

.gc1 ul li em i{ display: block; font-size: 18px;font-weight: bold; padding-top: 30px; margin-bottom: 7px;}

.gc1 ul li.cur strong{background:url(../images/bg1.gif) no-repeat;}

/**/

.brand{ background: #f6f5fa; padding-top: 50px; height: 273px;}

.brand h3{ float: left; width: 169px; padding-top: 20px;}

.brand h3 em{ display: block;}

.brand h3 i{ display: block; height: 152px;background:url(../images/b_h3.gif) no-repeat 0 42px;}.brand h3 i a{ font-size: 28px; color: #333;}

.brand h3 em{ font-size: 0;}.brand h3 em img{ padding-right: 10px;}

.brand ul{ overflow: hidden; float: right; width: 998px; font-size: 0;}

.brand ul li{ float: left;width: 196px; height: 110px; margin: 0 0 4px 3px;}

.brand ul li img{ width: 196px; height: 110px; margin: 0 0 4px 3px;}

.brand ul li.cur{ box-shadow:3px 3px 3px #dedde2;}

/**/

.hot{background:url(../images/hot.jpg) no-repeat center 0; height: 549px;width: 100%;overflow: hidden;}

.hot .content{ position: relative;height: 549px;}

.hot .hot_uu{ position: absolute; font-size: 0; top: 250px; left:-54px;}

.hot .hot_dd{ position: absolute; font-size: 0; top: 250px; right:-54px;}

.hot h3{ padding-top: 70px; line-height: 47px; padding-left: 39px; height: 68px;}

.hot h3 a{ font-size: 28px; color: #fff;}

.hot h3 span{ display: inline-block; float: right; font-weight: normal; padding-right: 21px; font-weight: normal;background:url(../images/mor.png) no-repeat right 19px;}

.hot h3 span a{ font-size: 14px; color: #fff;}

.hot_con{ overflow: hidden;}

.hot_con ul li{ float: left;width: 284px; margin-right: 21px;}.hot_con ul li.nom{ margin-right: 0;}

.hot_con ul li a{ display: block; width: 284px; height: 340px; background: #fff; color: #333;text-transform: uppercase;}

.hot_con ul li img{ width: 268px; height: 268px; display: inline-block; border: 1px solid #ccc; margin: 7px 0 0 7px;}

.hot_con ul li span{ display: block; line-height: 53px; text-align: center; font-size: 16px;}

.hot_con ul li a:hover{ color: #0772cf;}.hot_con ul li a:hover img{ border: 1px solid #0772cf;}

    /**/

.pro{ background-color:#FFFFFF; height:3400px; padding-top:28px;}

.pro1{ overflow: hidden;     height:360px;

    margin-bottom: 10px;}

.pro_l{height: 350px; width: 235px;background:url(../images/p_bg1.jpg) no-repeat}

.pro_l h3{ padding: 20px 0 0 50px; height: 62px;}

.pro_l h3 a{ font-size: 24px; color:#fff;}

.pro_l p{ padding-left: 38px; height: 148px;}

.pro_l p a{ display: inline-block;     line-height: 28px;color: #fff;font-size: 14px;padding: 0 7px;width: 120px;}

.pro_l p a.fow{ font-weight: bold;}

.pro_l ul{ font-size: 0;}

.pro_l ul li{ font-size: 0; background: #e9ecf2;}.pro_l ul li img{ width: 285px; height: 114px;}.pro_l ul li a{ color: #333;}

.pro_l ul li span{ display: block; text-align: center; font-size: 14px; line-height: 53px; border-top: 1px solid #e3e6ea;}

.pro_r{ width: 950px; height: 350px; border: 1px solid #ccc;}

.pro_r ul li{ float: left; width: 308px; height: 308px; text-align: center; position: relative;background: #fff;  border: 1px solid #f4f4f4;
}

.pro_r ul li img{ width:300px; height: 300px;padding-bottom: 0px;}
.pro_r ul li img:hover{transform: scale(0.9);}

.pro_r ul li.nom{ border-right: none;}

.pro_r ul li em{ display: block;}.pro_r ul li a{ font-size: 14px; color:#333;}

.pro_r ul li i{ display: block; margin-top: 10px; height: 30px; line-height: 30px; color: #7b7b7b; font-size: 14px;background:url(../images/p_btn1.gif) no-repeat center 0;}

.pro_r ul li.cur a{ color: #016fce;}

.pro_r ul li.cur i{background:url(../images/p_btn2.gif) no-repeat center 0;color: #016fce;}

.pro_r ul li.cur span{ display: inline-block; position: absolute; left:-1px; top:-1px; border: 1px solid #016fce; width: 296px; height: 230px;}

.pro1 .bg2{background:url(../images/p_bg2.jpg) no-repeat;}

.pro1 .bg3{background:url(../images/p_bg3.jpg) no-repeat;}

.pro1 .bg4{background:url(../images/p_bg4.jpg) no-repeat;}
.pro1 .bg5{background:url(../images/p_bg5.jpg) no-repeat;}
.pro1 .bg6{background:url(../images/p_bg6.jpg) no-repeat;}
.pro1 .bg7{background:url(../images/p_bg7.jpg) no-repeat;}
.pro1 .bg8{background:url(../images/p_bg8.jpg) no-repeat;}
.pro1 .bg9{background:url(../images/p_bg9.jpg) no-repeat;}
.pro1 .bg2 p a{ font-weight: bold;}

.p_lis{ overflow: hidden;}

.p_lis ul li{ width: 240px; float: left; background: #016fce; height: 160px;}.p_lis ul li.bg{ background: #74c716;}

.p_lis ul li i{ display: block; margin: 0 25px; padding-top: 12px; line-height: 44px; border-bottom: 1px solid #348cd8; text-align: center; font-size: 18px; font-weight: bold;}

.p_lis ul li.bg i{border-bottom: 1px solid #9ed85c;}

.p_lis ul li i a{color: #fff; }

.p_lis ul li span{ display: block; padding-left: 25px; margin-top:12px;}

.p_lis ul li span a{ display: inline-block; padding-left:8px; line-height: 24px; font-size: 14px; color: #fff; width: 99px;background:url(../images/p_ii.png) no-repeat 0 9px;float: left;}

.p_lis h3{ float: right;background: #016fce; height: 160px; width: 240px;}

.p_lis h3 a{ display: block; line-height: 160px; padding-left: 87px; color: #fff; font-size: 18px; font-weight: normal;background:url(../images/p_mm.png) no-repeat 134px 70px;}

    /**/

.cn{background:url(../images/cn.jpg) no-repeat center 0; height:434px; margin-bottom: 78px;}

.cn h3{ text-align: center; padding-top: 40px; color: #fff; font-size: 36px; font-weight: normal; height: 105px;}.cn h3 strong{ font-weight: bold;}

.cn h3 span{ display: block; color: #8fb2e2;font-size: 14px; text-transform:uppercase; font-family: Arial; line-height: 34px; padding-top:4px;}

.cn ul{ overflow: hidden;}

.cn ul li{ float: left; width: 165px; margin: 0 37px; font-size: 20px; color: #fff; font-weight: bold; padding-top: 199px;background:url(../images/p_bg1.png) no-repeat center 0; text-align: center;}

.cn ul li.bg2{background:url(../images/p_bg2.png) no-repeat center 0; }

.cn ul li.bg3{background:url(../images/p_bg3.png) no-repeat center 0; }

.cn ul li.bg4{background:url(../images/p_bg4.png) no-repeat center 0; }

.cn ul li.bg5{background:url(../images/p_bg5.png) no-repeat center 0; }

.cn ul li.cur{background:url(../images/p_bg11.png) no-repeat center 0;}

.cn ul li.bg2.cur{background:url(../images/p_bg21.png) no-repeat center 0;}

.cn ul li.bg3.cur{background:url(../images/p_bg31.png) no-repeat center 0;}

.cn ul li.bg4.cur{background:url(../images/p_bg41.png) no-repeat center 0;}

.cn ul li.bg5.cur{background:url(../images/p_bg51.png) no-repeat center 0;}

/**/

.ys{ height: 1312px;}

.ysa{ overflow: hidden; padding-bottom: 32px;}

.ysa h3{ text-align: center; height: 111px; font-weight: normal; color: #333; font-size: 36px;}.ysa h3 strong{ font-weight: bold;}

.ysa h3 strong{ font-weight: bold;}

.ysa h3 span{ display: block; margin-top: 8px; height: 34px; line-height: 34px;background:url(../images/y_h31.gif) no-repeat center 0; font-size: 20px; color: #666;}

.ysa dl{ background: #f6f5fa; overflow: hidden; height: 336px;}

.ysa dl dt{ font-size: 0; float: left; width: 600px;}

.ysa dl dd{ float: right; width: 600px;}

.ysa dl.fr dt{ float: right;}

.ysa dl dd h4{ overflow: hidden; padding-top: 55px; overflow: hidden;}

.ysa dl dd h4 i{ display: inline-block; float: left; padding-left: 78px; height: 82px; font-family: Impact; font-weight: normal; font-size: 50px; color: #ccc; line-height: 100%;background:url(../images/y_lin.gif) no-repeat 0 64px;}

.ysa dl dd h4 em{ display: inline-block; padding-left: 13px; font-size: 22px; color: #333;}

.ysa dl dd h4 em span{ display: block; font-weight: normal; font-size: 14px; text-transform: uppercase; color: #d9d8dc; padding-top:5px;}

.ysa dl dd p{ font-size: 16px; color: #333; line-height: 28px; padding-left: 78px; width: 463px; height: 108px;}

.ysa dl dd h5{ display: block; margin-left:78px;background:url(../images/y_btn1.gif) no-repeat; width: 202px; height: 30px; line-height: 30px; text-align: center; color: #0772cf; font-size: 14px; font-size: 14px; font-weight: normal;    margin-top: 15px;}

.ysa dl dd h5 a{color: #0772cf; }

.ysb{ overflow:hidden;}

.ysb dl{ background:#f6f5fa; height:410px; border-bottom:1px solid #dcdcdc;float: left; width: 380px; margin-right: 30px;}.ysb dl.nom{ margin-right: 0;}

.ysb dl dt img{ width: 380px; height: 213px;}

.ysb dl dd{ position: relative; padding-top: 1px;}

.ysb dl dd h4{ position: absolute; top: -52px; left: 21px; padding:18px 0 0 19px; width: 108px; height: 107px; color: #fff;background:url(../images/y_lin.png) no-repeat 19px 99px #0772cf; font-size: 22px; font-weight: normal;}

.ysb dl dd h4 span{ display: block; line-height: 101%; font-family: Impact; font-size: 42px;}

.ysb dl dd p{ margin:109px 0 0 40px; padding-left: 15px; line-height: 25px; font-size: 16px; color: #333;background:url(../images/y_ico.png) no-repeat 0 10px ;}

    /**/

.case{background:url(../images/case.jpg) no-repeat center 0; height: 717px; margin-bottom: 75px; overflow: hidden;}

.case h3{ text-align: center; font-weight: normal; padding-top:78px; margin-bottom: 30px;}

.case h3 a{ font-size: 36px; color: #fff;}

.case h3 span{ display: block; line-height:34px;color: #8eb3e3; font-family: Arial; text-transform: uppercase; font-size: 14px; margin-top:1px;}

.case dl{ overflow: hidden; padding-left: 9px; width: 591px; float: left;}

.case dl dt{ font-size: 0;}

.case dl dt img{ width: 591px; height:361px;}

.case dl dd p{ height: 82px; overflow: hidden; font-size: 14px; color: #333;display: block;}

.case dl dd p span{ display: inline-block; float: right; width: 82px; height: 82px; text-align: center; background:url(../images/mor.png) no-repeat center 48px #74c716;}

.case dl dd p span a{ display: block; font-size: 14px; height: 82px; line-height:62px; color: #fff;}

.case dl dd p em{ display: block; font-weight: bold; padding-top: 18px; margin-bottom:6px;}

.case dl dd p em a{ font-size: 16px; color: #333;}

.case ul{ float:left; width:590px;}

.case ul li{ float: left; width: 292px; font-size: 0; height: 220px; position: relative; margin: 0 0  3px 3px;}

.case ul li img{width: 292px; height: 220px;}

.case ul li span{ display: block; position: absolute; left: 0; bottom: 0; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; width: 100%;background:url(../images/spn.png) repeat;}

.case ul li span a{ color: #fff;}

    /**/

.lis{ height: 439px; background:url(../images/ls_h3.gif) no-repeat center 38px;}

.lis h3{ text-align: center; height: 92px;}

.lis h3 a{ font-size: 30px; color: #333; font-weight: normal;}

.lis h3 span{ font-weight: normal; color: #bfbfbf; font-size: 14px; font-family: Arial; text-transform: uppercase; display: block; line-height: 34px; padding-top: 2px;}

.lis dl{ float: left; padding-right:53px; margin-right: 44px; width: 548px;}.lis dl.nom{ border-right:none; padding-right: 0; margin-right: 0;}

.lis dl dt{ font-size: 0; border-bottom: 1px dashed #cecece; overflow: hidden;}

.lis dl dt i{ font-size: 0; float: left; display: inline-block; width: 182px; height: 182px;}.lis dl dt i img{width: 182px; height: 182px;}

.lis dl dt strong{ display: inline-block; padding: 70px 0 0 20px; width: 345px; float: left; font-size: 14px; color: #333; font-weight: bold; font-size: 18px;}

.lis dl dt strong span{ display: block;font-size: 14px; color: #333; font-weight: normal; padding-top: 15px;}

.lis dl dd p{ padding: 12px 0 0 18px; font-size: 14px; color:#333; line-height: 25px;}

.lis dl dd em{ display: block; padding-left: 18px; line-height: 25px;}

.lis dl dd em a{ color:#016fce; text-transform: uppercase; font-size:14px;}

/**/

.tt1 .content{position:relative;}

.tt1 h2{ position:absolute;left:303px;top: 66px; color: #0066bf; font-size: 48px;font-weight: normal; }

.tt1 h2 strong{ display:block; font-weight: bold; padding-bottom: 32px; font-size: 36px;}

.tt1 h2 em{ display:block; color: #1d1d1d; font-size:24px; font-weight: bold;;}

.tt1 h2 em i{ color: #339900; }



.tt1{background:url(../images/tt.jpg) no-repeat center 0; height: 373px; margin-bottom: 90px;}

.tt1 h3{ padding-left: 863px; color: #fff; font-size: 20px; padding-top: 41px; line-height: 28px; height:70px;}

.tt1 h3 span{ display: block;}

.tt1 ul{ padding-left: 863px;}

.tt1 ul .h66{ height: 82px;}

.tt1 ul li { height:35px; line-height: 35px; font-size: 14px; color: #333; width: 296px; margin-bottom: 8px;}

.sbt { width:78px; display:block; float:left; padding-left: 13px; }

.sinp01{ background:none; width:191px; padding:0 2px; height:35px; line-height:35px; border:none; float:left}

.sbz { color:#cc0000; float:left; display:block;}

.area { background:none; width:201px; height:66px; padding:2px; overflow:auto; border:none;}

.sx { padding-top:5px;}

.sx a { text-decoration:underline; padding-top:3px;}

.tt1 ul li .button{ cursor: pointer; height: 35px; line-height: 35px; background:#0772cf; color: #fff; font-weight: bold; border: none; width: 296px; font-size: 18px;}

/**/

.abo{ height: 415px;}

.abo dl{ overflow: hidden;}

.abo dl dt{ float: right; width: 600px; height: 338px;}.abo dl dt img{width: 600px; height: 338px;}

.abo dl dd{ float: left; width: 545px;}

.abo dl dd h3{ padding-bottom:23px;}.abo dl dd h3 a{ color: #74c716; font-size: 32px;}

.abo dl dd h3 span{ display: block; text-transform: uppercase; color: #ccc; text-transform: uppercase; font-family: Impact; font-weight: normal;}.abo dl dd h3 i{ color:#0772cf;}

.abo dl dd p{ color: #333; font-size: 14px; line-height: 26px;}

.abo dl dd p strong{ display: block; font-size: 14px; font-weight: bold; padding-top:9px;}

/**/

.news{background:url(../images/nsws.jpg) no-repeat center 0; height:480px; padding-top: 80px;}

.n_l{ width: 580px;}

.n_men{ height: 61px;background:url(../images/n_h31.gif) no-repeat }

.n_men ul{ float: left; padding-left: 80px;}

.n_men ul li{ width: 120px; float: left; text-align: center; line-height: 61px;}

.n_men ul li a{ color: #333; font-size: 20px;}

.n_men ul li a:hover,.n_men ul li.on a{color:#0772cf;font-weight:bold}

.n_men i{ display: inline-block; float: right; width: 84px; padding-top: 18px;}

.n_men i a{ color: #2e2e2e;}

.n_men i em{ display: block;}



.dt_con { padding:28px 0 0 30px; width:528px; overflow:hidden;}

.dt_con dl { height:150px;}

.dt_con dl dt { float:left; width: 255px; height: 127px;}

.dt_con dl dt img { width: 255px; height: 127px;}

.dt_con dl dd { float:right; width:245px;}

.dt_con dl dd h3{ display: block; color:#74c716; font-size: 36px; font-weight: normal; font-family: Arial;}

.dt_con dl dd h3 span{ display: block; padding-bottom:13px;}

.dt_con dl dd h3 a { font-size:15px; color:#333; display: block; font-weight: bold;}

.dt_con dl dd p { line-height:20px; color:#999898; height:55px; overflow:hidden; font-size: 13px; padding-top: 15px;}



.dt_list { padding-right:10px;}

.dt_list ul li { height:45px; line-height:45px; padding: 0 0 0 12px;  overflow:hidden; background:url(../images/n_li.gif) no-repeat 0 22px; border-bottom:dotted 1px #c2c2c2;}

.dt_list ul li span { float:right; color:#5a5858;font-size: 13px;}

.dt_list ul li a { color:#5a5858; font-size: 13px;}



.n_r{ width: 580px;}

.n_r h2{height: 61px;background:url(../images/n_h31.gif) no-repeat}

.n_r h2 strong{ font-weight: normal; padding-left: 102px; line-height: 61px;}

.n_r h2 strong a{color: #333; font-size: 20px;}

.n_r h2 i{ display: inline-block; float: right; width: 84px; padding-top: 18px; font-weight: normal;}

.n_r h2 i a{ color: #2e2e2e; font-size: 12px;}.n_r h2 i em{ display: block;}

/**/


.product{
    margin-top: 15px;
}
.product .num{
    float: left;
    margin-top: 30px;
}
.product .cpbox{
    float: left;
    height: 280px;
    width: 1135px;

}
.product .left{
    float: left;
    width: 224px;
    height: 280px;
    background: url(../images/p1.png) no-repeat left top;
    color: #fff;
}
.product .left .tit{
    font-size: 20px;
    text-align: center;
    padding-top: 15px;
}
.product .left .content{
    padding: 10px 0px 0px 60px;

}
.product .left .content ul li{
    line-height: 28px;
    font-size: 14px;


}
.product .left .content ul li a{
    color: #fff;
}
.product .left .tit img{

    padding: 0px 10px;
}
.product .right{
    float: left;
    width: 911px;
    height: 280px;


}
.product .right ul li{
    width: 288px;
    height: 280px;
    margin-left: 15px;
    float: left;
    background: #fff;

}
.product .right ul li .picbox{
    width: 286px;
    height: 243px;
    border: 1px solid #5b5b5b;
    border-bottom: none;
    text-align: center;
    line-height: 243px;

}
.product .right ul li .picbox img{
    max-width: 286px;
    max-height: 243px;
    vertical-align:middle;
    transition: all 0.6s;

}
.product .right ul li .picbox img:hover{
 opacity: 0.8;
    transform: scale(0.9);
}
.product .right ul li .pictit{
    width: 288px;
    height: 36px;
    text-align: center;
    background: #00a497;
    line-height: 36px;
    font-size: 16px;
    transition: all 0.6s;
}
.product .right ul li .pictit:hover{

    background: #f39800;
    font-size: 18px;


}


.product .right ul li .pictit a{
    color: #fff;
}

.wrap1200 {
    width: 1200px;
    margin: 0px auto;
}




