/*=======RESET=========*/

.container{width:1200px;height:auto;margin:0 auto;}
img{border:0;}
*{margin:0 0;padding:0 0;font-family:"微软雅黑",'MICROSOFT YAHEI','SIMSUN','THOMAS','ARIAL'; list-style:none;-webkit-box-sizing: border-box;}
/**:hover{transition:all 0.3s linear;}*/
body{width:100%;position:relative;}
a{text-decoration:none;}
i,em,b{font-style:normal; font-weight:normal;}


/*=======SHARE=========*/
.clearfix{clear:both;} 
.fl{ float:left;}
.fr{ float:right;}

/*==========sousuo===============*/
.listbox{width:100%;height:auto;}
.listbox .ss{width:80%;height:50px;}
/*=======TOP=========*/
.top_region{
  height: 100px;
  width: 100%;
}
.top_region .logo_region{
  float: left;
  height: 60px;
  width: 450px;
  margin-top: 20px;
}
.top_region .logo_region img{
  height: 100%;
}
.tel_phone_box{
  float: left;
  height: 60px;
  padding-left: 60px;
  background: url(../images/tel_icon02.png) no-repeat 0 5px;
  margin-top: 20px;
  margin-left: 30px;
}
.tel_phone_box>p{
    margin-bottom:0;    
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 26px;
}
.tel_phone_box>h1{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: bold;
    color: #de9b11;
}
.authentication{
  float: right;
  height: 60px;
  margin-top: 20px;
}
.authentication>h2{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
    float: left;
    line-height: 60px;
    margin-right: 10px;
}
.authentication>div{
  float: left;
}
/*=======HEADER=========*/

.header{width:100%;position:absolute;top:100px;left:0;text-align:center;z-index:9999;display:block;font-size:12px;background:#004EA2;}
.fixed{position:fixed;background:#004EA2;top:0;}
.header .nav_box{width:100%;}
.header .nav_box .container{width:1300px;margin:0px auto;}
.header .nav_box i{display:none;}

.header .nav_box .nav{width:100%;height:60px;}
.header .nav_box .nav li{width:9.5%;height:60px;line-height:60px;font-size:1.1em;text-align:center;display:block;float:left;}
.header .nav_box .nav li a:hover{
	background-color: transparent;
}
.header .nav_box .nav li:nth-child(1){margin-left:4%;}
.header .nav_box .nav li a{font-size:1.3em;color:#fff;width:100%;height:100%;display:inline-block;overflow:hidden;padding: 0;}



.header .nav_small{display:none;width:100%;/*height:60px;*/position:absolute;top:60px;left:0;background:rgba(88,120,205,0.6);}
.header .fixed{background:rgba(88,120,205,0.95);}
.header .nav_small ul{width:76%;/*height:60px;*/text-align:left;margin:0px auto;overflow:hidden;}
.header .nav_small  ul li{font-size:1.1em;color:#fff;line-height:60px;display:inline;text-align:center;}
.header .nav_small ul li a{font-size:1.1em;color:#fff;line-height:60px;}
.header .nav_small ul li a i{font-size:1em;font-style:normal;margin:0 10px;font-weight:300;}
.header .nav_small ul li:last-child a i{display:none;}
.header .nav_small ul li a:hover{
    color: #033d93;
    text-decoration: none;
}
.header .nav_small ul li a:hover i{
    color: #ffffff;
}
.header .nav_small .nav_small_03{
    width: 100%;
    padding-bottom: 30px;
    background-color: rgba(255,255,255,.8);
}
.header .nav_small .nav_small_03 > li{
    float: left;
    width: 20%;
    line-height: 36px;
    box-sizing: border-box;
}
.header .nav_small .nav_small_03 > li > a{
    line-height: 36px;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
    padding: 0 40px;
    border-bottom: 2px solid #333;
    text-decoration: none;
    color: #333;
}
.header .nav_small .nav_small_03 > li:hover a {
    color: #033d93;
    border-color: #033d93;
}
.header .nav_small .nav_small_03 > li:hover ul > li > a{
    color: #666;
}
.header .nav_small .nav_small_03 > li > ul{
    width: 100%;
    margin-top: 6px;
    padding-left: 20px;
}
.header .nav_small .nav_small_03 > li > ul > li{
    display: block;
    line-height: 26px;
    width: 100%;
    text-align: left;
    padding-left: 30px;
}
.header .nav_small .nav_small_03 > li > ul > li:hover{
    background: url(../images/ys_li02.png) no-repeat 10px center;
}
.header .nav_small .nav_small_03 > li > ul > li > a{
    line-height: 26px;
    font-size: 1em;
    border-bottom: none;
    text-decoration: none;
    color: #666;
}
.header .nav_small .nav_small_03 > li > ul > li:hover a{
    color: #0560b5;
}
.header-sp{display:none;}
.nav-sp{display:none;}
.nav-sp-index{display:none;}
.logo-sp-index{display:none;}

/*=======轮播=========*/
.index-banner{width:100%;height:750px;overflow:hidden;position:relative;background:#0f1e64;}
//.index-banner-sp{display:none;width:100%;height:200px;overflow:hidden;}
.pc{display:block;width:100%;height:auto;}
.pc img{width:100%;}
.sp{display:none;}


.swipslider {width:100%; position: relative; overflow: hidden; padding-top: 0%; -webkit-user-select: none;   -moz-user-select: none;  -ms-user-select: none;   user-select: none;background:#f2f2f2; }
.swipslider .sw-slides {display: block;  padding: 0; list-style: none;  width: 100%;  height: 100%;  white-space: nowrap;  font-size: 0;  -webkit-transform: translateX(0);  transform: translateX(0); position: absolute; bottom: 0; }
.swipslider .sw-slide{ width: 100%;  height: 100%; display: inline-block; position: relative; background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.swipslider .sw-slide a{width:100%;height:100%;display:block;}
.swipslider .sw-slide > img {position: absolute; top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);  height: 100%; width: 100%;  margin-left: auto;  margin-right: auto;   -webkit-user-select: none;
         -moz-user-select: none; -ms-user-select: none;    user-select: none; }
.swipslider .sw-slide .sw-content { width: 100%;  height: 100%;  margin-left: 0;margin-right: 0; font-size: 14px;}

.sw-next-prev { display:none;}
.sw-bullet {position: absolute;bottom: 2%; list-style: none; display: block; width: 100%; text-align: center; padding: 0; margin: 0; }
.sw-bullet li { width: 40px; height: 3px; background-color: rgba(62, 153, 247, 0.53);  display: inline-block;  cursor: pointer;  transition: all .2s ease-out;}
.sw-bullet li:hover{  background-color: rgba(255, 255, 255, 0.74);}
.sw-bullet li.active {  background-color: rgba(255, 255, 255, 0.8);  box-shadow: 0 0 2px rgba(62, 153, 247, 0.53); }
.sw-bullet li:not(:last-child){ margin-right: 5px; }


/*=======BRAND=========*/

.title1{
    font-size:2.2em;
    font-weight:600;
    color:#283661;
    margin-bottom:30px;
}
.title1 b{font-size:3.2em;font-family:Felix Titling; margin-right:10px;position:relative;top:3px;}

.brandbox{width:100%;margin:0 auto;padding:30px 0; background:#f8f8f8; font-size:12px;}
.brandbox .brand{width:100%;}
.brandbox .brand ul{width:50%;float:left;}
.brandbox .brand ul li{width:100%;height:auto;margin-top: 25px;}
.brandbox .brand ul li:first-child{margin-top: 10px;}
.brandbox .brand ul li h2{width:100%;height:36px;line-height:36px;color:#444;text-align:left;font-size:1.5em;font-weight:700;}
.brandbox .brand ul li:nth-child(2) h2{display:inline-block;}
.brandbox .brand ul li h2 span{font-size:1em;}
.brandbox .brand ul li dt{width:100%;height:auto;padding:10px 0;font-size:1.2em;line-height:200%;color:#666;}
.brandbox .brand ul li img{width:590px;margin:0px auto;}
.brandbox .videobox{width:45%;height:auto;float:right;}

/*=======PRODUCT=========*/


.productbox{width:100%;margin:0 auto;height:auto;position:relative;padding:30px 0; font-size:12px;}
.productbox .product{margin:0 auto;}

.productbox img{width:100%;}
.productbox .product ul{height:auto;}
.productbox .product ul li{
    width: 380px;
    height: 304px;
    float: left;
    position: relative;
    min-height: 1px;
    margin-right: 30px;
    box-sizing: border-box;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-bottom: 30px;
}
.productbox .product ul li:nth-of-type(3),
.productbox .product ul li:nth-of-type(6){
    margin-right: 0;
}
.productbox .product ul li:nth-of-type(4),
.productbox .product ul li:nth-of-type(5),
.productbox .product ul li:nth-of-type(6){
    margin-bottom: 0;
}

.productbox .product ul li:nth-of-type(1) .text a i{background-image:url(../images/pdc_icon.png);}
.productbox .product ul li:nth-of-type(2) .text a i{background-image:url(../images/glj_icon.png);}
.productbox .product ul li:nth-of-type(3) .text a i{background-image:url(../images/gb_icon.png);}
.productbox .product ul li:nth-of-type(4) .text a i{background-image:url(../images/ddzxq_icon.png);}
.productbox .product ul li:nth-of-type(5) .text a i{background-image:url(../images/xtjc_icon.png);}
.productbox .product ul li:nth-of-type(6) .text a i{background-image:url(../images/qtcp_icon.png);}
.productbox .product ul li .text{width:100%;height:100%;background:rgba(0,0,0,0.5);}
.productbox .product ul li .text a{width:50%;height:100%;padding:2.5em 0;box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;}
.productbox .product ul li .text a i{width:70px;height:70px;display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;margin:0px auto;margin-top:30px;}
.productbox .product ul li:hover .text a i{margin-top:0px;}
.productbox .product ul li .text a hr{border:0;width:80px;height:3px;background-color:#fff;margin:0px auto;margin-top:10px;margin-bottom:0.5em;}
.productbox .product ul li .text a h2{width:100%;height:2.2em;line-height:2.2em;color:#fff;font-size:2em;font-weight:600;}
.productbox .product ul li .text a p{font-size:1.3em;line-height:1.6em;font-weight:300;color:#eee;display:none;}
.productbox .product ul li .text a button{width:90px;height:32px;line-height:32px;border-radius:20px;background:none;border:1px solid #f2f2f2;color:#f2f2f2;font-size:1.2em;cursor:pointer;margin:0px auto;display:none;margin-top:1em;margin-bottom:1em;}
.productbox .product ul li .text a button:hover{background:#f2f2f2;color:#333;}
.productbox .product ul li:hover .text{background:rgba(0,0,0,0.8);}
.productbox .product ul li:hover .text a hr{display:none;}
.productbox .product ul li:hover .text a p{display:block;}
.productbox .product ul li:hover .text a button{display:block;}

/*=======CASE=========*/


.casebox{width:100%;height:auto;padding:30px 0; background:#f8f8f8;  font-size:12px;}	
.casebox .case{ margin:0 auto;}
.casebox .case .case_title{width:100%;height:auto;margin-bottom:20px;position:relative;}
.casebox .case .case_title .case_title_left{width:60%;float:left;}
.casebox .case .case_title .case_title_left p{width:100%;height:auto;font-size:1.4em;line-height:200%;}
/*.casebox .case .case_title .case_title_right{width:40%;float:right;text-align:right;height:40px;position:absolute;bottom:1em;right:0;}
.casebox .case .case_title .case_title_right a{display:inline-block;width:120px;height:40px;line-height:40px;font-size:1.5em;color:#333;text-align:left;}
.casebox .case .case_title .case_title_right a:hover{color:#0f1e64;}
.casebox .case .case_title .case_title_right a i{width:40px;height:40px;display:block;background-position:center center;background-repeat:no-repeat;background-size:100% 100%; position:relative;top:0px;float:left;}
.casebox .case .case_title .case_title_right a:nth-child(1) i{background-image:url(../images/icon1.png);}
.casebox .case .case_title .case_title_right a:nth-child(1):hover i{background-image:url(../images/icon01.png);}
.casebox .case .case_title .case_title_right a:nth-child(2) i{background-image:url(../images/icon2.png);}
.casebox .case .case_title .case_title_right a:nth-child(2):hover i{background-image:url(../images/icon02.png);}*/
.casebox .case ul{width:100%;}
.casebox .case ul a{width:24%;float:left;overflow:hidden;position:relative;cursor:pointer; margin:0.5% 0.6666666%;}
.casebox .case ul a:nth-child(1){ margin-left:0;}
.casebox .case ul a:nth-child(4n){margin-right:0;}
.casebox .case ul a:nth-child(4n+1){margin-left:0;}
.casebox .case ul a li{width:100%;height:100%;}
.casebox .case ul a li div{width:100%;height:100%;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index:999;opacity:0;}
.casebox .case ul a li:hover div{opacity:1;}
.casebox .case ul a li:hover div b{opacity:1;}
.casebox .case ul a  li img{min-height:100%;width:100%;height:200px;transform: scale(1.0, 1.0);}
.casebox .case ul a li:hover img{transform: scale(1.08, 1.08);}
.casebox .case ul a li div b{width:80%;margin-left:10%;color:#fff;z-index:2;position:absolute;bottom:20px;height:2em;line-height:2em;text-indent:0.5em;font-size:1.2em;overflow:hidden;opacity:0;}
.casebox .case ul a li div b hr{width:100%;height:1px;background-color:#fff;border:0;position:absolute;bottom:0px;right:0;}
.casebox .case ul a li div b .cover{width:100%;height:1px;background-color:#0f1e64;border:0;position:absolute;bottom:0px;right:70%;}
.casebox .case ul a li:hover div b .cover{right:0%;}



/*=======NEWS=========*/

.newsbox{width:100%;height:auto;padding:30px 0; font-size:12px;}
.newsbox .news{width:100%;height:auto;border:0;}
.newsbox .news .news_left{width:65%;position:relative;float:right;}
.newsbox .news .news_left ul{width:100%; padding-top:11px;}
.newsbox .news .news_left ul li{width:100%;margin-bottom:10px;background:#fff;padding:0.6em 0;}
.newsbox .news .news_left ul li:hover{background:#ececec;}
.newsbox .news .news_left ul li .time{width:15%;float:left;text-align:center;font-size:1.2em;border-right:1px solid #999;box-sizing:border-box;font-family:"Arial";}
.newsbox .news .news_left ul li .time b{font-size:3em;font-family:"Arial";}
.newsbox .news .news_left ul li .time p{font-size:1.5em;font-family:"Arial";}
.newsbox .news .news_left ul li .text{width:80%;float:right;padding-right:1em;}
.newsbox .news .news_left ul li .text h2{width:100%;font-size:1.2em;height:1.5em;line-height:1.5em;margin-bottom:0.5em;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsbox .news .news_left ul li .text h2 a{font-size:1.05em;color:#333;font-weight:600;}
.newsbox .news .news_left ul li:hover .text h2 a{color:#0f166d;font-weight:600;}
.newsbox .news .news_left ul li .text p{font-size:1.2em;line-height:200%;color:#666;}
.newsbox .news .news_right{width:30%;position:relative;float:left;text-align:left;}
.newsbox .news .news_right h1{width:100%;letter-spacing:2px; margin-bottom:1px;}
.newsbox .news .news_right p{width:100%;font-size:1.3em;text-align:right;margin-bottom:1em;}
.newsbox .news .news_right img{width:100%;}
/*=======ENVIRONMENTAL=========*/


.environbox{width:100%;background:#f7f8f8;padding:30px 0;height:auto;font-size:12px;}
.environbox .environ{width:100%;height:auto;}
.environbox .environ h1{width:100%;}
.environbox .environ p{font-size:16px;line-height:32px;margin-bottom:36px;}
.environbox .environ ul{width:100%;height:auto;}
.environbox .environ ul li{width:32%;padding:2%;margin:0 1%;float:left;background:#fff;}
.environbox .environ ul li:nth-child(1){margin-left:0;}
.environbox .environ ul li:nth-child(3){margin-right:0;}
.environbox .environ ul li img{width:100%;}
.environbox .environ ul li h3{font-weight:normal;width:100%;font-size:1.2em;height:30px;line-height:30px;text-indent:1em;background:#fff url(../images/icon3.png) no-repeat left center;box-sizing:border-box;padding:0 0;text-align:center;margin-bottom:1em;}
.environbox .environ ul li h3 a {font-size:1.4em;color:#272727;margin-right:1.5em;}
.environbox .environ ul li h3 span{width:80px;height:26px;line-height:26px;text-align:center;background:#ececec;border-radius:13px;text-indent:0em;font-size:0.7em;float:right;color:#0f1e64;}
.environbox .environ ul li:hover h3 span{background:#0f1e64;color:#fff;}
.environbox .environ .fontbox{width:100%;height:auto;padding:0.5em 0;}
.environbox .environ .fontbox dl{width:100%;background:url(../images/icon4.png) no-repeat  1% center;text-indent:2em;overflow:hidden;height:3em;line-height:3em;}
.environbox .environ .fontbox dl:hover{background-color:#f2f2f2;}
.environbox .environ .fontbox dl a{font-size:1.2em;color:#272727;}
.environbox .environ .fontbox dl:hover a{color:#0f166d;}
.environbox .environ .fontbox dl span{float:right;width:70px;text-indent:0em;}


/*=======PARTNER=========*/

.partnerbox{width:100%;height:auto;padding:30px 0;font-size:12px;}
.partner{width:100%;height:auto;}
.partner .partner_title{width:100%;height:auto;}
.partner .partner_title h1{width:36%;height:3em;line-height:3em;background:#0f166d;color:#fff;text-indent:2em;font-size:1.5em;}
.partner ul{width:100%;height:auto;padding:3em 0;}
.partner ul li{width:100%;height:auto;float:left;overflow:hidden;margin:1em 1%;}
/*.partner ul li a{width:100%;display:block;}*/
.partner ul li img{width:100%;height:100%;}
//.partner ul li:hover{border:1px solid black;}

/*========contact=========*/
.essential{
    padding-top: 50px;
/*    margin-bottom: 50px;*/
}
.essential_title {
    letter-spacing: 3px;
    margin-bottom: 40px;
}
.essential_title div {
    text-transform: uppercase;
    font-size: 60px;
    color: #e3e8eb;
    font-weight: bold;
    line-height: 70px;
    height: 70px;
}
.essential_title h1{
    margin-top: 0;
}
.essential_title h1:before{
    content: "";
    display: inline-block;
    width: 164px;
    height: 18px;
    background: url(../images/img164_5.png) center no-repeat;
    background-size: cover;
}
.essential_title h1:after{
    content: "";
    display: inline-block;
    width: 164px;
    height: 18px;
    background: url(../images/img164_6.png) center no-repeat;
    background-size: cover;
}
.essential_title h1 span {
    font-size: 30px;
    padding: 0 30px;
    font-weight: bold;
}
.essential_part{
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    height: 200px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.4);
}
.essential_part span{
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
}
.essential_part span.a1{
    background: url(../images/con_icon_01.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.essential_part span.a2{
    background: url(../images/con_icon_02.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.essential_part span.a3{
    background: url(../images/con_icon_03.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.essential_part span.a4{
    background: url(../images/con_icon_04.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.essential_part p{
    font-size: 16px;
    margin: 10px 0;
}
.essential_part h3{
    font-size: 20px;
    margin: 0;
    line-height: 26px;
}

.essential_part:hover{
    box-shadow: 2px 2px 20px rgba(0,0,0,.4);
    transform: scale(1.05);
/*    transition: 1s;*/
}
.dituContent{
    width: 100%;
    height: 600px;
    border: #ccc solid 1px;
    margin: 50px auto;
    background: url(../images/map_pic.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
}
.bounced{
    width: 420px;
    height: 190px;
    position: absolute;
    left: 32%;
    top: 23%;
    z-index: 9;
}
.bounced .description{
    height: 140px; 
    padding: 20px;
    background-color: rgba(255,255,255,.9);
    border-radius: 10px;
}
.bounced .description h3{
    font-size: 20px;
    color: #f96909;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}
.bounced .description p{
    line-height: 24px;
}
.bounced .description p:nth-of-type(1){
    margin-bottom: 6px;
}
.coordinates{
    width: 39px;
    height: 25px;
    background: url(../images/marker_red_sprite.png) no-repeat;
    display: block;
    margin: 0 auto;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    animation:mymove .7s infinite;
}

@keyframes mymove{
    0% {
        transform: translate(0px, 10px);
    }
    50% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(0px, 10px);
    }
}

.iw_poi_title {
    color: #cc5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap;
}
.iw_poi_content {
    font: 12px arial,sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

/*在线留言*/
.messages{padding: 15px 0;}
.messages input,
.messages select,
.messages textarea{
    margin: 0;
    padding: 0; 
    background: none; 
    border: 0; 
    font-family: "Microsoft Yahei";
}
.messlist {
    height: 30px;
    margin-bottom: 30px;
}
.messlist label{
    float: left;
    width: 100px; 
    height: 30px; 
    font-size: 14px; 
    line-height: 30px; 
    text-align: right;
    padding-right: 10px;
}
.messlist input{
    float: left;
    width: 250px;
    height: 30px; 
    padding-left: 5px;
    border: #cccccc 1px solid;
}
.messlist.textareas{ 
    height: auto;
    margin-bottom: 10px;
}
.messlist textarea{
    float: left;
    width: 400px; 
    height: 110px;
    padding: 5px;
    border: #cccccc 1px solid;
}
.messlist.yzms{
    margin-bottom: 0;
}
.messlist.yzms input{width: 150px;}
#canvas{ 
    float: left;
    margin-left: 10px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    cursor: pointer;
}
.messsub{
    width: 270px;
    margin: 20px auto 40px;
}
.messsub input{
    width: 120px; 
    height: 40px; 
    background: #dddddd; 
    font-size: 16px;
    font-weight: bold; 
    cursor: pointer;
    margin-right: 20px;
    border-radius: 5px;
    background: #0a63c6;
    color:#fcfcfc;
    border: none;
    outline: none;
}
.messsub input:last-child{
    margin-right: 0;
}
.messsub input:hover{ 
    background: #ff6600;
    color:#fcfcfc;
}
#label0,
#label1,
#label2,
#label3,
#label4,
#label5,
#label6,
#label7{
    display: none;
    color: red;
    height: 28px;
    line-height: 28px;
}

#label8,
#label9,
#label10{
    display: none;
    color: red;
    height: 48px;
    line-height: 48px;
}
#label1,
#label3,
#label6,
#label8{
    color: #0a51c6;
}
/*=======FOOTER=========*/

 
.footerbox{width:100%;height:auto;background:#004EA2;color:#fff;overflow:hidden;}
.footerbox .footer-top{width:100%;height:40px;line-height:40px;background:#1a33ac url(../images/footertop.png) center center no-repeat;cursor:pointer;}
.footerbox .footer-top:hover{background-color:#3452e0;}
.footerbox .footer-top a{width:100%;height:100%;display:block;}
.footerbox .img_foot{ display:none;}
.footerbox .footer_link{display:none;}
.footerbox .copyright-sp{display:none;}
.footerbox .copy_p{ display:none;}
.footerbox .footer{width:100%;position:relative;}
.footerbox .footer .footer_image{width:18%;height:auto;float:left;text-align:left;}
.footerbox .footer .footer_image img{max-width:100%;margin:2em auto;}
.footerbox .footer .footer_nav{width:82%;height:auto;float:left;padding:2em 0;border-bottom:1px solid #fcfcfc;}
.footerbox .footer .footer_nav ul{width:18%;float:left;padding:0 1%;overflow:hidden;}
.footerbox .footer .footer_nav ul:nth-child(6){width:240px;margin:0 0;float:right;padding:0 0;}
.footerbox .footer .footer_nav ul h5{width:75%;border-bottom:0px solid #f2f2f2;margin-bottom:1em;white-space:nowrap}
.footerbox .footer .footer_nav ul h5 a{width:100%;color:#fff;height:3em;line-height:3em;font-size:1.2em;} 
.footerbox .footer .footer_nav ul li{width:100%;}
.footerbox .footer .footer_nav ul li a{width:100%;height:2em;line-height:2em;color:#c3c3c3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size:0.9em;}
.footerbox .footer .footer_nav ul ol{width:100%;}
.footerbox .footer .footer_nav ul ol li{width:120px;float:left;}
.footerbox .footer .footer_nav ul ol li img{width:80%;margin:0 0 0 0;}
.footerbox .footer .footer_nav ul ol li p{width:80%;text-align:center;height:2em;line-height:2em;color:#999;font-size:0.8em;}
.footerbox .footer .footer_right{width:80%;float:left;}
.footerbox .footer .footer_right a{color:#fff;}
.footerbox .footer .footer_right .wzjs{ display:none;}
.footerbox .footer .footer_right .link{width:100%;height:3em;line-height:3em;margin-top:3em;}
.footerbox .footer .footer_right .link a{font-size:1.5em;float:left;margin:0 0.2em;}
.footerbox .footer .footer_right .link dl{float:left;padding-left:2em;}
.footerbox .footer .footer_right .link dl a{width:1.8em;height:1.8em;display:inline-block;margin:0 0;}
/*.footerbox .footer .footer_right .link dl .bds_weixin{background:url(../images/icon17.png) 1px center no-repeat;}
.footerbox .footer .footer_right .link dl .bds_sqq{background:url(../images/icon17.png) -31px center no-repeat;}
.footerbox .footer .footer_right .link dl .bds_tsina{background:url(../images/icon17.png) -62px center no-repeat;}*/
.footerbox .footer .footer_right .tel{width:100%;color:#c3c3c3;}
.footerbox .footer .footer_right .tel p{font-size:1em;line-height:200%;}
.footerbox .footer .footer_right .tel dl{padding:0.5em 0;}
.footerbox .footer .footer_right .tel dl dt{width:280px;height:2em;line-height:2em;font-size:1.4em;float:left;border:1px solid #dcdefa;} 
.footerbox .footer .footer_right .tel dl dt em{width:100px;height:100%;line-height:2em;background:#dcdefa;color:#0f166d;font-size:0.8em;text-align:Center;display:block;margin:0 0;padding:0 0;float:left;}
.footerbox .footer .footer_right .copyright{width:100%;height:auto;line-height:2em;color:#c3c3c3;font-size:0.8em;}
.footerbox .footer .footer_right .flink{width:100%;height:40px;line-height:auto;color:#c3c3c3;}
.footerbox .footer .footer_right .flink a:hover:not(:first-child){color:yellow;}
.footerbox .footer .footer_right .flink span{font-size:0.8em;}
.footerbox .footer .footer_right .flink a{font-size: 0.8em;line-height: 12px;color: #c3c3c3;border-right: 1px solid #fff; display: block;float: left;height: 12px; margin: 10px 0;padding: 0 5px;}
.footerbox .footer .footer_right .flink a:last-child{border:0px;}
.footerbox .footer .footer_right .flink a:last-child i{display:none;}

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

.left{width:20%;padding-top:20px;padding-bottom:40px;text-align:left;color:#fff; font-size:12px;}
.left h1{width:100%;height:50px;font-weight:bold;letter-spacing:1px;line-height:50px;border-bottom:1px solid #e2e2e2;position:relative;background:#f2f2f2;}
.left h1 img{width:30px;height:30px;position:absolute;top:50%;margin:-15px 5px 0px 5px;}
.left h1 em{font-size:20px;color:#0f1e64;font-weight:600;margin-left:40px;line-height:50px;}
#left_bott{width:100%;height:auto;border-bottom:none;background-color:#fdfdfd;margin-top:20px;border:1px solid #e2e2e2;border-bottom:0px;text-align:left;}
#left_bott dl{display:none;}
#left_bott dt{width:100%;border-bottom:1px solid #e2e2e2;line-height:50px;height:50px;cursor:pointer;position:relative;color:#333;overflow:hidden;box-sizing:border-box;font-weight:300;}
#left_bott dt a{color:#333;}
#left_bott dt i{float:left;margin-right:5px;margin-left:10%;font-family:"宋体";}
#left_bott li{width:100%;border-bottom:1px solid #e2e2e2;line-height:50px;height:50px;cursor:pointer;position:relative;color:#333;overflow:hidden;box-sizing:border-box;background:#f2f2f2;font-weight:600}
#left_bott li:hover a{color:#0f1e64;}
#left_bott li i{float:left;margin-right:5px;margin-left:10%;font-family:"宋体";}
#left_bott li i img{width:20px;height:20px;position:relative;top:4px;}
#left_bott li a{text-align:left;width:90%;height:100%;display:block;color:#333;font-size:1.2em;padding-left:40px;font-weight:300;}
#left_bott li a i{float:right;margin-right:2em;color:#333;font-size:16px;font-style:normal;font-family:"宋体";}
#left_bott span li{background:#ececec;}
#left_bott .hover{border-left:2px solid #0f166d;}
#left_bott .hover a{color:#0f166d;}
#left_bott .hover a i{color:#0f166d;}
#left_bott .li_class3 a:hover{color:blue;}

#left_bott select{width:100%;border-bottom:1px solid #c1c1c1;line-height:45px;height:45px;cursor:pointer;}
#left_bott select option{width:100%;border-bottom:1px solid #e2e2e2;line-height:60px;height:60px;cursor:pointer;}

.li_class2:hover{color:blue}
.right{width:79%;padding:20px 2%;font-size:12px;}/* width:75%; */
.right .right_top_left {color: #454545;font-size: 18px; line-height:68px;}
.right .right_top_left b{font-size: 20px;}
.right .right_top_left span{color: #454545;padding-left: 10px; font-size:18px;}
.right_top_right {color:#666;line-height:60px;font-size: 14px; }
.right_top_right a{font-size:1em;color: #666;line-height:60px; }
.right .right_top{ border-bottom:1px solid #ececec;margin-bottom:20px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.right .row{ margin-top:20px; border:1px solid #dadada; padding:20px 40px;position: relative; font-size:1.1em;line-height:200%;}
.right .row h2{ font-size:1.5em;line-height:200%;}

/*产品页*/
.bx-wrapper {
  width: 360px;
  height: 340px;
  border:1px solid #dadada;
  position: relative;
}

.bx-viewport {
  width: 360px;
  height: 340px;
  overflow: hidden;
  position: relative;
}

.bx-viewport  li {
  width: 360px;
  height: 340px;
  overflow: hidden;
  float: left;
}
.bx-viewport  li img{
	width: 360px;
}

.bx-viewport ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 500%;
}
.bx-wrapper ol {
  position: absolute;
  left: 50%;
  margin-left: -55px;
  bottom: 10px;
  line-height: 20px;
  text-align: center;
  z-index: 99;
}

.bx-wrapper ol li {
  float: left;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #ccc;
  margin-left: 10px;
  cursor: pointer;
}

.bx-wrapper ol li.current {
  background: #037fd7;
  color: #fcfcfc;
}

#arr span {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -20px;
  background: #000;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-family: '黑体';
  font-size: 30px;
  color: #fff;
  opacity: 0.3;
  border: 1px solid #fff;
}

#arr #right {
  right: 5px;
  left: auto;
}
.content_01{
	box-sizing: border-box; 
	position: relative; 
	min-height: 1px; 
	padding: 0 15px; 
	float: left; 
	width: 398px; 
	margin: 30px 0px 20px; 
	color: rgb(51, 51, 51); 
	font-size: 14px;
}
.content_01 .title{
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: url(../images/tit_bg.jpg) no-repeat -100px 0;
/*	background-size: cover;*/
}
.content_01 .title b{
	padding-left: 20px;
	font-size: 16px;
	color: #fcfcfc;
	font-family: "微软雅黑";
	font-weight: 100;
}
.cont_box{
	background-color: #f7f7f7;
	padding: 10px;
	line-height: 26px;
	font-size: 14px;
}
.cont_box p{
	text-align: justify;
}
.product_info b{
	font-weight: bold;
}

/*产品页*/



.btn{width:100%;position:relative;}
.btn a.link1{width:33.33%;height:90%;position:absolute;left:0;top:0;}
.btn a.link2{width:33.33%;height:90%;position:absolute;left:33.33%;top:0;}
.btn a.link3{width:33.33%;height:90%;position:absolute;right:0;top:0;}

.content_head{width:100%;position:relative;}

.content_head a.link4{width: 13%;
    height: 50%;
    position: absolute;
    left: 7%;
    top: 0;}
.content_head a.link5{width: 13%;
    height: 50%;
    position: absolute;
    left: 25%;
    top: 0;}
.content_head a.link6{width: 13%;
    height: 45%;
    position: absolute;
    left: 43%;
    top: 0;}
.content_head a.link7{width: 13%;
    height: 50%;
    position: absolute;
    left: 61%;
    top: 0;}
.content_head a.link8{width: 13%;
    height: 50%;
    position: absolute;
    left: 79%;
    top: 0;}
.content_head a.link9{width: 13%;
    height: 47%;
    position: absolute;
    left: 7%;
    top: 50%;}
.content_head a.link10{width: 13%;
    height: 47%;
    position: absolute;
    left: 25%;
    top: 50%;}
.content_head a.link11{width: 13%;
    height: 47%;
    position: absolute;
    left: 60%;
    top: 50%;}
.content_head a.link12{width: 13%;
    height: 47%;
    position: absolute;
    left: 79%;
    top: 50%;}


.right .row p{font-size:15px;line-height:200%;color:#5C5C5C;}
.right .row img{max-width:100%;width:100%;}
.left img{ width:100%;}
#contact{width:100%;height:auto;background-color:#fff;margin:0 0;padding:0 0;}
#contact li{width:50%;color:#333;height:90px;line-height:40px;text-align:center;float:left;padding:0 0;text-indent:0em;box-sizing:border-box;border:1px solid #0f166d;overflow:hidden;}
#contact li em{width:100%;height:40px;line-height:40px;display:inline-block;text-indent:0em;background:#0f166d;color:#fff;}
#contact li span{width:100%;font-weight:600;height:50px;line-height:50px;font-family:"Arial","Microsoft Yahei","Thomas";font-size:1.2em;}
#contact li span i{width:18px;height:18px;display:inline-block;background-image:url(../images/ico.png);background-repeat:no-repeat;float:left;margin-left:10%;margin-top:16px;}
#contact li span .addr{background-position:left center;}
#contact li span .tel{background-position:-24px center;}
#contact li span .qq{background-position:-45px center;}

/*=======zl=========*/
.left .left_boott li .xialan{display:none;color:black}
.left .left_boott li:hover{display:block;color:black}



/*=======客户案例=========*/


.case_big  ul{ width:100%; margin:0 auto;}
.case_big  ul  li  img{ width:100%;}
.case_big  .case_c  img{ width:5%;}
.case_big ul li{  background:#fff; box-shadow: 1px 2px 3px #cdcdcd; border: 1px solid #f6f6f6; padding:10px 10px 0 10px;  width:29%; float:left; margin:0 1%;overflow:hidden;}
.case_big ul li:nth-child(1){margin-left:0;}
.case_big ul li:nth-child(4){margin-left:0;}
.case_big ul li:nth-child(3){margin-right:0;}
.case_big ul li:nth-child(6){margin-right:0;}
.case_c{ background:#dadada;}
.case_c b{ float:left:}
.case_c img{ float:left:}
.case_big ul a{ color:#333;}
//.case_big ul li:hover{ border:1px solid #333;}


/*=======客户案例_家庭=========*/
.right  p{ font-size: 14px; line-height:28px;}
.left  img{ width:20px;height:20px;}
.right .casecon{width:100%;height:auto;box-sizing:border-box;padding:0 0;border:0px solid #dadada;}
/*.right .casecon ul{width:100%;height:auto;}
.right .casecon ul li{width:100%;height:auto;margin:1em 0;}
.right .casecon ul li h3{width:100%;height:40px;line-height:40px;margin:0 0;color:#fff;text-indent:2.5em;background:#1f166d url(../images/logomin.png) 10px center no-repeat;font-size:1.2em;font-weight:600;padding:0 0;}
.right .casecon ul li dl{width:100%;border:1px solid #1f166d;padding:1em 1em;overflow:hidden;color:#333;font-size:1.1em;line-height:200%;box-sizing:border-box;}
.right .casecon ul li dl img{border:0;max-width:100%;}*/


.right .row .message{width:100%;height:auto;}
.right .row .message h5{width:100%;height:40px;line-height:40px;border-bottom:1px dotted #cdcdcd;}
.right .row .message form{width:100%;padding:1em 0;line-height:20px;}
.right .row .message form label{width:100%;line-height:2em;padding-top:0.5em;font-size:1em;display:block;color:#111;font-weight:600;}
.right .row .message form label em{color:#ff0000;height:1em;line-height:1em;font-size:1.2em;display:inline-block;position:relative;top:4px;}
.right .row .message form p{width:auto;line-height:30px;height:auto;margin:0 0;}
.right .row .message form p input[type="text"]{width:100%;max-width:200px;line-height:30px;height:30px;border:1px solid #ccc;}
.right .row .message form p input[type="submit"]{width:100%;max-width:120px;line-height:30px;height:30px;background:#0f166d;color:#fff;border:0px;cursor:pointer;margin-top:1em;}
.right .row .message form p input[type="submit"]:hover{background:#1723ae;}
.right .row .message form textarea{width:100%;max-width:400px;line-height:30px;min-height:80px;border:1px solid #ccc;}
.right .row .message form p span{width:100%;display:block;}
.right .row .message form p label{height:2em;line-height:2em;padding:0 0;font-weight:300;}

.right  .case_big{height:auto; margin-top:30px; width:100%;}
.case_big  .case_b{background-color:#fff; width:31%;border: 1px solid #f6f6f6; box-shadow: 1px 2px 3px #cdcdcd;}
.case_big  ul{ padding:15px 15px 0 15px;}
.case_big  ul:nth-child(1){margin:0;}
.case_big  ul:nth-child(3){margin:0;}
.case_b   ul li h4{font-size:14px; text-align:center; line-height:42px; color:#272727;}
.case_b  .li1{width:32%; background:#ececec; padding-left:205px; }
.case_b  .li1 img{ width:22%; float:left; margin-top:14px; }
.case_b  .li1 span{ float:left; margin-left:10px; line-height:42px; font-size:13px; color:#aeaeae; }
.case_big  a:hover{ border: 1px solid #515151;}
.case_bott { margin: 0 auto; text-align: center;margin-top: 5%; width:100%;}
.case_bott ul li{ float:left; display: inline-block;border: 1px solid #dbdbdb; padding: 6px 14px; margin:0 10px;color:#828282;}
.case_bott ul li:hover{ background:#0f166d; color:#fff;}
.case_bott ul a{color:#828282;}
//.case_bott ul a:hover{color:#fff;}
.case_bott ul  { margin: 0 auto; padding-left:25%;}

/*=======树派资质=========*/


.newsbox{ width:100%;color:#333; }
.news_n{ padding-bottom:25px;   border-bottom:1px solid #dadada; background-color: #fcfdfe; }
.newsbox  dl  dt{ width:15%; float:left;  margin-left:20px; margin-left:8%;}
.newsbox  dl  dd{ width:62%; float:left; margin-left:4%;margin-top:30px;}
.newsbox  dl  dd  h1 a{ font-size:16px; color:#272727; line-height:32px;}
.newsbox  dl  dd  p a{ font-size:14px; color:#999999;} 
.newsbox  dl  dd  span { margin-top:20px;}
.newsbox  dl  dd  span a{ color:#333;}
.case_bott { margin: 0 auto; text-align: center;margin-top: 5%; width:100%;}
.case_bott ul li{ float:left; display: inline-block;border: 1px solid #dbdbdb; padding: 6px 14px; margin:0 10px;color:#828282;}
.case_bott ul li:hover{ background:#0f166d; color:#fff;}
.case_bott ul a{color:#828282;}
.case_bott ul  { margin: 0 auto; padding-left:25%;}


/*=======新闻资讯=========*/
.newsbox img{ width:100%;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 

/*=======新闻资讯_光触媒资讯=========*/
.newsbox{ width:100%;   }
.news_n { padding-bottom:25px;  margin-top:30px; border-bottom:1px solid #dadada;}
.newsbox  dl  dt{ width:30%; float:left;  margin-left:20px;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 

/*=======新闻资讯_室内环保动向=========*/
.newsbox  dl  dd{ width:86%; float:left; margin-left:4%;}
.newsbox  dl  dd  h1 { float:left;}
.newsbox  dl  dd  h1 a{ font-size:16px; color:#272727; line-height:28px;}
.newsbox  dl  dd  h1 a:hover{ border-bottom:1px solid #272727;}
.newsbox  dl  dd  span { margin-top:6px;color:#bfbfbf;}


/*=======产品中心=========*/
.productbox{ width:100%;}
.product_b{ border:1px solid #e5e5e5; width:42%; margin:35px 15px 20px 15px; padding:15px 25px 15px 25px;  outline: 1px solid #e5e5e5;}
.product_b:hover{box-shadow: 1px 2px 3px #cdcdcd; }
.product_s  a img{ width:100%;}
.product_s  .product_sm{ width:40%;}
.product_bot { margin-left:16%; margin-top:15px;}
.product_bot  p{ background:#f4f4f4; color:#333; padding:0 10px; font-size:14px; line-height:32px;margin-bottom:18px;}
.product_bo  { background:#0f166d; border-radius:8px;}
.product_bo  img{float:left; padding-left:18px; padding-top:15px;}
.product_bo  h1{float:left; color:#fff;  line-height:32px; padding:10px 0;  margin-left:28px;font-size:15px;}


/*=======检测=========*/
.newsbox{ width:100%;   }
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 
.newsbox img{ width:1px;}

/*=======治理=========*/
.news { border-bottom:1px solid #dadada;}
.newsbox  dl  dt{ width:30%; float:left;  margin-left:20px;}
.newsbox  dl  dt img{width:100%;height:auto;}
.newsbox  dl  dd{ width:62%; float:left; margin-left:4%;margin-top:15px;}
.newsbox  dl  dd  h1 a{ font-size:16px; color:#272727; line-height:32px; font-size:bold;}
.newsbox  dl  dd  p { font-size:14px; color:#999999;} 
.newsbox  dl  dd  span{ margin-top:20px;}
.case_bott{clear:both;width:100%;text-align:center;margin-top:30px;height:auto;line-height:3em;}
.case_bott span:nth-child(1){display:none;}
.case_bott a{padding:0.5em 0.5em;color:#666;border:1px solid #d5d5d5;margin:0 0.5em;cursor:pointer;}
.case_bott span{padding:0.5em 0.5em;color:#666;border:1px solid #d5d5d5;margin:0 0.5em;}
.case_bott .hover{border:1px solid #004EA2;background:#004EA2;color:#fff;}

/*=======zuolan=========*/



/*=======列表模版=========*/
.listbox{width:100%;height:auto; }
.listbox ul{width:100%;height:auto;}
.listbox ul li{width:100%;height:auto;border-bottom:1px solid #ececec;padding-bottom:18px;margin-bottom:18px;}
.listbox ul li dt{width:25%;height:145px;overflow:hidden;float:left;}
.listbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.listbox ul li:hover dt img{transform: scale(1.05, 1.05);}
.listbox ul li dd{width:73%;float:right;}
.listbox ul li dd h1{width:100%;line-height:1.5em;margin-bottom:1em;font-size:12px;}
.listbox ul li dd h1 a{font-size:1.3em;color:#0f1e64;font-weight:normal;font-weight:300;}
.listbox ul li dd h1 a:hover{text-decoration:underline;}
.listbox ul li dd h1 span{width:70px;height:1.5em;line-height:1.5em;display:inline-block;color:#0f1e64;float:right;text-align:center;}
.listbox ul li dd p{width:100%;font-size:1.2em;color:#555;}
.listbox ul li dd .link{width:56px;height:2em;line-height:2em;display:inline-block;color:#0f1e64;margin-top:1em;float:right;}
.listbox ul li dd .link:hover{text-decoration:underline; color:#0f1e64;}
.listbox ul li dd .link i{width:2em;height:2em;display:inline-block;text-align:center;font-size:1em;line-height:2em;background:#0f166d;float:right;font-style:normal;font-family:"宋体";text-indent:0;}
.listbox .city_x{ width:100%; background:#f2f2f2;padding:1em 1em;margin:1em 0;}
.listbox .city_x li{width:100%;height:40px;line-height:40px;}
.listbox .city_x li i{font-size:1.3em;font-weight:600;line-height:40px;text-indent:1em;position:relative;display:inline-block;width:auto;height:40px;}
.listbox .city_x li i:before{ content:" "; margin-right:1em; background-color:#0f1e64;width:2px;height:14px;display:inline-block;position:absolute;left:0;top:50%;margin-top:-7px;}
.listbox .city_x li a{margin-left:3em;font-size:1.2em;}

.city_00{ width:100%;height:auto;background:#f2f2f2;padding: 1em 1em;margin: 1em 0;}
.city_00 dd b{ font-size:16px;font-weight:600;margin-left:20px;}

.listbox .list-box-search{width:48%;float:left;}
.listbox .list-box-search input[type="text"]{width:calc(100% - 50px );height:42px;line-height:42px;text-indent:0.8em;margin:0 0;box-sizing:border-box;}
.listbox .list-box-search input[type="submit"]{width:50px;height:42px;line-height:42px;background:#333;color:#fff;border:0px solid #333;cursor:pointer;margin:0 0;margin-left:-4px;box-sizing:border-box;}
.listbox .list-box-search input[type="submit"]:hover{background:#0f166d;border:0px solid #0f166d;}

.listbox .jiameng-box-search{width:48%;float:right;}
.listbox .jiameng-box-search input[type="text"]{width:calc(100% - 50px );height:42px;line-height:42px;text-indent:0.8em;margin:0 0;box-sizing:border-box;}
.listbox .jiameng-box-search button{width:50px;height:42px;line-height:42px;background:#333;color:#fff;border:1px solid #333;cursor:pointer;margin:0 0;margin-left:-4px;box-sizing:border-box;}
.listbox .jiameng-box-search button:hover{background:#0f166d;border:1px solid #0f166d;}

/*=======图片列表模版=========*/
.piclistbox{width:100%;height:auto;}
.piclistbox ul{width:100%;height:auto;}
.piclistbox ul li{width:32%;height:auto;margin:0 1%;float:left;box-sizing:border-box;padding:10px 10px;border:1px solid #ececec;margin-bottom:2em;box-shadow:0px 0px 3px #ececec;}
.piclistbox ul li:hover{ border:1px solid #0f1e64;}
.piclistbox ul li:nth-child(1){margin-left:0;}
.piclistbox ul li:nth-child(3n+1){margin-left:0;}
.piclistbox ul li:nth-child(3n){margin-right:0;}
.piclistbox ul li dt{width:100%;overflow:hidden;float:left;}
.piclistbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.piclistbox ul li:hover dt img{width:100%;transform: scale(1.05, 1.05);}
.piclistbox ul li dd{width:100%;float:right;}
.piclistbox ul li dd h1{width:100%;line-height:4em;text-align:center;    font-size: 12px;}
.piclistbox ul li dd h1 a{font-size:1.25em;color:#333;font-weight:normal;font-weight:300;}
.piclistbox ul li dd h1 a:hover{color:#0f166d;}
.piclistbox ul li dd h1 span{width:70px;height:1.5em;line-height:1.5em;display:inline-block;background:#0f166d;color:#fff;float:right;text-align:center;}
.piclistbox ul li dd dl{width:100%;height:4em;line-height:2em;font-size:1em;color:#555;overflow:hidden;}
.piclistbox ul li dd .link{width:120px;height:2em;line-height:2em;border:1px solid #0f166d;display:inline-block;color:#555;text-indent:1em;margin-top:1em;}
.piclistbox ul li dd .link:hover{background:#0f166d;color:#fff;}
.piclistbox ul li dd .link i{width:2em;height:2em;display:inline-block;text-align:center;font-size:1em;line-height:2em;background:#0f166d;float:right;font-style:normal;font-family:"宋体";text-indent:0;}


.clear{clear:both}

/*=======产品列表模版=========*/
.prolistbox{width:100%;height:auto;}
.prolistbox ul{width:100%;height:auto;}
.prolistbox ul li{width:100%;height:auto;border-bottom:1px solid #ececec;padding-bottom:18px;margin-bottom:18px;}
.prolistbox ul li dt{width:25%;height:200px;overflow:hidden;float:left;}
.prolistbox ul li dt img{width:100%;transform: scale(1.0, 1.0);}
.prolistbox ul li:hover dt img{transform: scale(1.05, 1.05);}
.prolistbox ul li dd{width:73%;float:right;}
.prolistbox ul li dd h1{width:100%;line-height:1.5em;margin-bottom:1em;font-size:1.5em;color:#0f166d;font-weight:normal;font-weight:600;}
.prolistbox ul li dd h1 span{width:70px;height:1.5em;line-height:1.5em;display:inline-block;background:#0f166d;color:#fff;float:right;text-align:center;}
.prolistbox ul li dd dl{width:100%;height:auto;line-height:2em;color:#444;font-size:1em;padding:0.3em 0;}
.prolistbox ul li dd dl em{font-weight:600;color:#0f166d;font-size:1.2em;}
.prolistbox ul li dd dl p{margin:0 0;}
.prolistbox ul li dd .link{width:120px;height:2em;line-height:2em;border:1px solid #0f166d;display:inline-block;color:#555;text-indent:1em;margin-top:1em;}
.prolistbox ul li dd .link:hover{background:#0f166d;color:#fff;}
.prolistbox ul li dd .link i{width:2em;height:2em;display:inline-block;text-align:center;font-size:1em;line-height:2em;background:#0f166d;float:right;font-style:normal;font-family:"宋体";text-indent:0;}


.fixm{display:none;}


/*=======左右滑动图片模版=========*/


		.testimonial{
		    background-color: #f3f3f3;
		    border-radius: 5px;
		    padding: 30px;
		    margin: 0 15px;
		}
		.testimonial .pic{
		    width: 90px;
		    height: 90px;
		    margin: 0 30px 15px 0;
		    float: left;
		}
		.testimonial .pic img{
		    width: 100%;
		    height: auto;
		    border-radius: 50%;
		}
		.testimonial .testimonial-title{
		    color: #000000;
		    font-size: 16px;
		    margin-top: 5px;
		    font-weight: 800;
		    text-transform: capitalize;
		}
		.testimonial .testimonial-title small{
		    display: block;
		    color: #dc005a;
		    font-size: 14px;
		    font-weight: 800;
		    margin-top: 10px;
		}
		.testimonial .testimonial-review p{
		    color: #888888;
		    font-size: 15px;
		    font-style: italic;
		    line-height: 19px;
		    margin-bottom: 0;
		}
		.owl-theme .owl-controls{
		    margin-top: 20px;
		}
		.owl-theme .owl-controls .owl-page span{
		    width: 10px;
		    height: 10px;
		    background:#fff;
		    opacity: 1;
		}
		.owl-theme .owl-controls .owl-page.active span,
		.owl-theme .owl-controls.clickable .owl-page:hover span{
		    background: #fff;
		    border: 0px solid #cdcdcd;
		}
		.owl-pagination{
		    margin-top: 40px;
		}
		.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
		    background:#0f1e64;
		    border:0px solid #fff;
		}
		@media screen and (max-width: 990px){
		    .testimonial-parallax h2{
		        margin-bottom: 40px;
		    }
		    .testimonial{
		        margin: 0;
		    }
		}
		.mt50{padding-top: 50px;}
		.test{ width: 100%; height: 50px; line-height: 50px;}
		.test a{ padding: 0px 20px;}


.hechabox{margin-top: 30px;margin-left:30px;}
.hechabox dl{width:360px;max-width:100%;}
.hechabox dl input{margin-right: 0px; border:1px solid #999; width: 200px; height: 30px; line-height:30px; padding-left: 5px;}
.hechabox dl button{background:#0f166d;color:#fff;border:0;height:30px;padding:0px 6px;cursor:pointer;border-radius:3px;line-height:30px;}
.hechabox dl button:hover{background:#1b27c0;}
.hechabox span{width:700px;max-width:100%;font-size:13px;line-height:30px;color:#999;padding-bottom:50px;display:block;}

.red{color:#1b27c0 !important;}

/*pages*/ 
.pagination-wrapper { margin: 0 auto; text-align: center;margin-top: 5%; width:100%; float: left;}
.pagination{ height: 34px; text-align: center; } 
.pagination li { float: left; display: block; height: 34px; line-height: 32px; margin-right: 5px; padding: 0 12px; font-size: 16px;  color: #555555; text-decoration: none; } 
.pagination li a:hover{ background:#f5f5f5; color:#0099ff; } 
.pagination li.thisclass { background: #09f; color: #fff; } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }

.kong{ width: 100%; height: 60px; }

#nb_toolbar_wrap{
    display: none;
}
/*客户基本信息*/
.khxx{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 99999;
    display: none;
}
.sentbox{
    width: 650px;
    height: 620px;
    background-color: #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    top: 200px;
    margin: 0 auto;
    padding: 20px;
    padding-top: 0;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(255,255,255,.4);
}
.xx_tit{
    font-size: 20px;
    text-align: center;
    color: #333;
    line-height: 60px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    margin-bottom: 30px;
}
.messageList{
    height: 40px;
    margin-bottom: 10px;
}
.messageList.other{
    height: auto;
}
.messageList label{
    line-height: 40px;
    font-size: 16px;
    color: #333;
    float: left;
    height: 40px;
    width: 100px;
    text-align: right;
    padding-right: 10px;
    font-weight: normal;
}
.messageList input{
    height: 40px;
    line-height: 40px;
    width: 200px;
    float: left;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
    border: solid 1px #999;
    box-sizing: border-box;
}
.messageList.special input{
    width: 130px;
}
.messageList textarea{
    width: 250px;
    height: 100px;
    line-height: 30px;
    float: left;
    font-size: 16px;
    color: #333;
    padding: 0 6px;
    box-sizing: border-box;
    border: 1px solid #999;
}
.messageList span{
    height: 40px;
    line-height: 40px;
    width: 120px;
    float: left;
    margin-left: 6px;
    font-size: 16px;
    color: #666;
}
.messageList .ts{
    height: 40px;
    line-height: 40px;
    width: 250px;
    float: left;
    margin-left: 10px;
    color: red;
}
.messageList.special .ts{
    width: 200px;
}
.messageList.other .ts{
    width: 200px;
}
#wsr,
#wsr2,
#wsr3,
#right,
#right2,
#right3,
#right4,
#right5,
#right6,
#right7,
#wrong,
#wrong2,
#wrong3,
#wrong4,
#wrong5,
#wrong6,
#wrong7{
    display: none;
    color: #fa7907;
}
.messsub_xx{
    height: 40px;
    margin-top: 40px;
    text-align: center;
}
.messsub_xx input{
    width: 150px;
    height: 100%;
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
    background-color: #004EA2;
    border-radius: 5px;
    color: #fcfcfc;
    outline: none;
    border: none;
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,.4);
}
.messsub_xx input:first-child{
    margin-right: 30px;
}
.messsub_xx input:hover,
.messsub_xx input:active,
.messsub_xx input:focus{
    background-color: #ff7f27;
}
#close_btn{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 28px;
    height: 28px;
    background: url(../images/close_btn2.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#close_btn:hover{
    background: url(../images/close_btn.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

  .col-md-3 {
    width: 25%;float: left;
  }
.col-xs-6 {
  width: 50%;
}
.col-md-3 .col-sm-4 .col-xs-6{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.related_products_box{
    margin-bottom: 30px;
}
.related_products_box .btn button{
    padding: 10px 30px;
    background-color: #0b4683;
    color: #f2f2f2;
    font-size: 16px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #0b4683;
}
.related_products_box .btn button:hover{
    background-color: #d58508;
    border: 1px solid #d58508;
}
.related_products_box .btn button:active{
    background-color: #bf7707;
    border: 1px solid #ab6a06;
}
.related_products_cont .cont{
    width: 100%;
}

.related_products_cont .img_box{
	width: 100%;
	height: 200px;
	border: 1px solid #f2f2f2;
}
.cont .img_box img{
	width: 100%;
	height: 100%;
}
.related_products_cont .cont h2{
	font-size: 16px;
	line-height:36px;
	font-family: "微软雅黑";
	color: #444444;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
  margin-top: 0px;
  margin-bottom: 0px;
}
.related_products_cont .cont:hover .img_box{
	border: 1px solid #1460a1;
}
.related_products_cont .cont:hover h2{
	background-color: #1460a1;
	color: #fcfcfc;
}
.related_products_cont .row>div{
	margin-bottom: 30px;
}
.cont .img_box img{
	width: 100%;
	height: 100%;
}
@media (max-width:1125px){
.related_products_cont .img_box{
        height: 120px;
    }
}
.introduce_title,
.performance_title{
	text-align: center;
	margin-bottom: 30px;
}
.performance_title>h1{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "微软雅黑";
}
.introduce_title>h1,
.performance_title>h1,
.engineer_title>h1{
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	line-height: 30px;
}
.performance_title>h1{
	padding: 0;
}

.page_turning{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #eeeeee;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-top: 50px;
}
.page_turning > a > div > span{
    width: 20px;
    height: 40px;
    background-color: #cccccc;
    line-height: 40px;
    color: #fafafa;
    font-weight: bold;
    text-align: center;
    font-size: 16px; 
}
.page_turning > a > div > p{
    width: 350px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 40px;
}
.page_turning .left_page_region > span{
    margin-right: 6px;
}
.page_turning .right_page_region > span{
    margin-left: 6px;
}
.page_turning .left_page_region:hover span,
.page_turning .right_page_region:hover span{
    background-color: #004ea2;
}
.page_turning .left_page_region:hover p,
.page_turning .right_page_region:hover p{
    color: #004ea2;
    line-height: 40px;
}
@media screen and (max-width: 768px) {	
  .page_turning{
    width: auto;
    height: 100%;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}
  .page_turning > a > div > p{
    width: 85%;
    line-height: 40px;

}
  }

.ibrand{ padding-top:0px;}
.ibrand ul{ border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.ibrand li{ float:left; width:20%;}
.ibrand .pd{ border-left:1px solid #dbdbdb; border-top:1px solid #dbdbdb; display:block; position:relative;}
.ibrand .img img{ width:100%; height:auto; display:block; background-size:cover;}
.ibrand .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; text-align:center; line-height:158px; background:#00a0e8; color:#fff; font-size:18px; opacity:0;}
.ibrand .pd:hover{ box-sizing:border-box; background:#dbdbdb;}
.ibrand .pd:hover .text{ }

.ibrand .pd:hover img{transform: scale(0.92,0.9);}

.ibrand .img img{
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; 
opacity:0.6;
}
.ibrand .pd:hover .img img{
-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: none;
opacity:1;
}

@media screen and (max-width: 768px) {	
  .ibrand li{ width:50%;}
}

/*Clear Css*/
.clear{clear:both; font-size:0px; height:0px; line-height:0;}
.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;zoom:1;}

/*left list*/
.panel-sd {

   font-size: 14px;
   padding-top: 20px;
}
.panel-sd .tit {
	background-color: #015cb5;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
}
.panel-sd .bd {
	border: 1px solid #ddd;
	padding: 15px;
}
.panel-sd .ad {
	border: 1px solid #ddd;
	padding: 15px;
}
.panel-sd .ad li {

	line-height: 30px;
}
.panel-sd .ad li>a {

	color: #333;
   font-size: 14px;
}
.contact-sd .tel {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	text-align: center;
}
.contact-sd .tel strong {
	display: block;
	font-family: Impact;
	margin-top: 15px;
	font-size: 22px;
   color: #333;
}
.contact-sd p {
	margin: 10px 0 0;
	line-height: 1.8;
	color: #666;
}
.lanmu .tit {
	line-height: 60px;
	background-color: #015cb5;
}
.lanmu li {
	margin-bottom: 20px;
}
.lanmu li:last-child {
	margin-bottom: 0;
}
.lanmu li>a {
	display: block;
	line-height: 36px;
	background-color: #015cb5;
	border-radius: 3px;
	text-align: center;
	color: #fff;
   font-size: 14px;
}
.lanmu-box {
	margin-top: 10px;
}
.lanmu-box p {
	border-bottom: 1px dashed #e3e3e3;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	background: url(../images/flico.jpg) no-repeat 0 10px;
	padding-left: 20px;
	margin: 0;
}
.url-info{
	border: 1px dashed;
    font-size: 16px;
    height: auto;
    background: #eaeaea;
    text-align: center;
    margin-top: 20px;
}
.cp-content-tit {
	margin-bottom: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
   padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
.cp-content-tit small {
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	padding-left: 5px;
}
.cp-about {
	margin: 0 0 20px;
}
.cp-about dt {
	float: left;
	width: 560px;
}
.cp-about dd {
	margin-left: 610px;
	padding-top: 50px;
}
.cp-about dd h4 {
	color: #015cb5;
	margin: 0;
	font-size: 16px;
}
.cp-about dd p {
	margin: 15px 0 0;
}
/*left list end*/

/*message*/
.yunu-message {
	margin-bottom: 20px;
}
.form-group {
	margin-bottom: 20px;
}
.form-label {
	line-height: 42px;
	display: block;
	float: left;
	width: 110px;
	text-align: right;
}
.form-label span {
	color: #c5262b;
}
.form-content {
	margin-left: 110px;
}
.form-control {
	line-height: 20px;
	font-size: 14px;
	border: 1px solid #efefef;
	padding: 10px 15px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.form-content.yzm .form-control {
	width: 100px;
}
.form-content.yzm .img {
	height: 42px;
	width: auto;
}
select.form-control {
	height: 1.7rem;
}
.form-submit {
	padding: 10px 20px;
	color: #fff;
	background-color: #015cb5;
	border: 0;
	cursor: pointer;
	border-radius: 0.15rem;
	font-size: 14px;
}
.form-button {
	padding: 10px 20px;
	color: #fff;
	background-color: #767676;
	border: 0;
	cursor: pointer;
	border-radius: 0.15rem;
	font-size: 14px;
}
.hlbd .form-group {
	float: left;
	width: 33.333333%;
}
@media screen and (max-width: 768px) {	
.cp-about dt {
	float: none;
	width: auto;
}
.cp-about dd {
	margin: 0;
	padding-top: 20px;
}
.cp-about dd p {
	margin-top: 10px;
}
.form-group {
	margin-bottom: 10px;
}
.form-label {
	line-height: 34px;
	width: 85px;
}
.form-content {
	margin-left: 85px;
}
.form-control {
	padding: 6px 10px;
}
.hlbd .form-group {
	width: 100%;
}
.form-content.yzm .form-control {
	width: 80px;
}
.form-content.yzm .img {
	height: 34px;
	width: 90px;
}
  }
/*message end*/
        .piclistbo {
            width: 100%;
            height: auto;
        }
        .piclistbo ul {
            width: 100%;
            height: auto;
        }
        .piclistbo ul li {
            width: 46%;
            height: auto;
            margin: 0 1%;
            float: left;
            box-sizing: border-box;
            padding: 10px 10px;
            border: 1px solid #ececec;
            margin-bottom: 2em;
            box-shadow: 0px 0px 3px #ececec;
        }
        .piclistbo ul li:hover {
            border: 1px solid #0f1e64;
        }
        .piclistbo ul li:nth-child(1) {
            margin-left: 0;
        }
        .piclistbo ul li:nth-child(2n+1) {
            margin-left: 0;
        }
        .piclistbo ul li:nth-child(2n) {
            margin-right: 0;
        }
        .piclistbo ul li dt {
            width: 100%;
            height: 265px;
            overflow: hidden;
            float: left;
        }
        .piclistbo ul li dt img {
            width: 100%;
            transform: scale(1.0, 1.0);
        }
        .piclistbo ul li:hover dt img {
            width: 100%;
            transform: scale(1.05, 1.05);
        }
        .piclistbo ul li dd {
            width: 100%;
            float: right;
        }
        .piclistbo ul li dd h1 {
            width: 100%;
            line-height: 4em;
            text-align: center;
            font-size: 12px;
        }
        .piclistbo ul li dd h1 a {
            font-size: 1.3em;
            color: #333;
            font-weight: normal;
            font-weight: 300;
        }
        .piclistbo ul li dd h1 a:hover {
            color: #0f166d;
        }
        .piclistbo ul li dd h1 span {
            width: 70px;
            height: 1.5em;
            line-height: 1.5em;
            display: inline-block;
            background: #0f166d;
            color: #fff;
            float: right;
            text-align: center;
        }
        .piclistbo ul li dd dl {
            width: 100%;
            height: 4em;
            line-height: 2em;
            font-size: 1em;
            color: #555;
            overflow: hidden;
        }
        .piclistbo ul li dd .link {
            width: 120px;
            height: 2em;
            line-height: 2em;
            border: 1px solid #0f166d;
            display: inline-block;
            color: #555;
            text-indent: 1em;
            margin-top: 1em;
        }
        .piclistbo ul li dd .link:hover {
            background: #0f166d;
            color: #fff;
        }
        .piclistbo ul li dd .link i {
            width: 2em;
            height: 2em;
            display: inline-block;
            text-align: center;
            font-size: 1em;
            line-height: 2em;
            background: #0f166d;
            float: right;
            font-style: normal;
            font-family: "宋体";
            text-indent: 0;
        }
        @media(max-width:680px) {
            .piclistbo ul li dt {
                height: 145px;
            }
            .piclistbo ul li dd h1 {
                width: 100%;
                line-height: 2em;
            }
            .piclistbo ul li dd h1 a {
                font-size: 12px;
            }
        }