﻿@charset "utf-8";
body {    -webkit-text-size-adjust: 100% !important;    text-size-adjust: 100% !important;    -moz-text-size-adjust: 100% !important;}


.mobilebox{ width:750px; overflow:hidden; margin:0 auto; background:#ffffff; position:relative; font-family:"Microsoft Yahei"}
.thebg1{background:#f6f6f6}
.main{transition: all 0.5s ease-in-out 0s; width: 750px; height:auto; overflow:hidden;}
.layout-selected .main{margin-left: -448px; background: #fff;}
.layout-selected .menubtn{ background:url(../Images/close.png) no-repeat;}

.aside{width: 448px; background:#016d60; position: absolute; right: -448px;  top: 0; bottom: 0; transition: all 0.5s ease-in-out 0s;}
.layout-selected .aside{right: 0; }
.aside ul{ margin:0px; padding:0px; list-style:none;margin-top: 30px;}
.aside li{margin:0px; padding:0px; list-style:none;height: 80px; line-height: 80px; font-size: 30px; padding-left: 105px;}
.aside li a{color: #fff;}



.minmember-selected .main{margin-left: -448px; background: #fff;}
.minmemberaside{width: 448px; background:#E7940A; position: absolute; right: -448px;  top: 0; bottom: 0; transition: all 0.5s ease-in-out 0s;}
.minmember-selected .minmemberaside{right: 0; }
.minmemberaside ul{ margin:0px; padding:0px; list-style:none;margin-top: 160px;}
.minmemberaside li{margin:0px; padding:0px; list-style:none;height: 80px; line-height: 80px; font-size: 30px; padding-left: 105px;}
.minmemberaside li a{color: #fff;}


.searchbox{ width:640px; height:72px; background:#499f9e; overflow:hidden;}
.searchbox .box{ width:589px; height:49px; background:#FFF; margin:0 auto; margin-top:14px; border-radius:25px; position:relative; overflow:hidden;}
.searchbox .box .input1{ width:521px; height:49px; line-height:49px; border:0px; text-indent:16px; position:absolute; left:0px; top:0px;}
.searchbox .box .btnme{ width:25px; height:25px; background:url(../Images/searchbnt.jpg) no-repeat; position: absolute; right:18px; top:13px; border:0px;}
/*公共顶部*/
#header{ width:100%; height:88px; overflow:hidden;  position:relative; background:#FFF; border-bottom:1px solid #d6d6d6;}
#header .logo{ position:absolute; left:20px; top:0px;}
#header .logo img{ height:auto}
#header .searchbtn{ position:absolute; right:86px; top:26px; }

#header .menubtn{ width:60px; height:88px; position:absolute; right:20px; top:0; overflow:hidden;cursor:pointer; background: url(../Images/mb.jpg) right center no-repeat;} 
.layout-selected #header .menubtn{ background:url(../Images/close.jpg)  right center no-repeat; width:135px; }
.layout-selected #header .searchbtn{ right:135px}
.layout-selected #header .teltit{ right:135px;}

.homeSlide{ width:100%; height:303px; overflow:hidden; position:relative; z-index:10; margin:0 auto;}
.homeSlide .list{width:100%; height:303px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlide .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:303px; overflow:hidden; float:left; position:relative}
.homeSlide .leftarr{ width:62px; height:62px; overflow:hidden; position:absolute; left:10%; top:50%; margin-top:-31px; background:url(../Images/left1.png) no-repeat; background-size:100% 100%; cursor:pointer}
.homeSlide .rightarr{ width:62px; height:62px; overflow:hidden; position:absolute; right:10%; top:50%; margin-top:-31px; background:url(../Images/right1.png) no-repeat; background-size:100% 100%; cursor:pointer}


#ertopslide{ width:100%; height:330px; overflow:hidden;}
.erSlide{ width:100%; height:330px; overflow:hidden; position:relative;z-index:5; }
.erSlide .list{width:100%; height:330px; overflow:hidden; position:relative;   margin:0 auto}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:332px; overflow:hidden; float:left; position:relative}

.homenotice{ width:100%; height:52px; background:#f1f1f1; overflow:hidden;}
.homenotice .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homenotice .centerbox .tit{ width:116px; height:52px; float:left; overflow:hidden; font-size:20px; font-weight:bold; color:#333333; line-height:52px; text-align:right}
.homenotice .centerbox .list{ width:600px; height:52px; float:left; overflow:hidden;}
.homenotice .centerbox .list ul{ margin:0px; padding:0px; list-style:none}
.homenotice .centerbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:left; height:52px; overflow:hidden; position:relative}
.homenotice .centerbox .list ul li p{ margin:0px; padding:0px; list-style:none; height:52px; line-height:52px; font-size:18px; position:absolute}
.homenotice .centerbox .list ul li p.t1{ left:0px; top:0px; width:80%; overflow:hidden;}
.homenotice .centerbox .list ul li p.t2{ right:15px; top:0px;}

.homenotice .centerbox .more{ width:88px; float:left; height:52px; overflow:hidden; font-size:15px; color:#00a2e9; text-transform:uppercase;line-height:52px; text-align:right}
.homenotice .centerbox .more a{color:#00a2e9}



.homepart1{ width:100%; height:auto; background:#f4f4f4; margin:0 auto; padding:35px 0 30px 0; }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:750px; margin:0 auto; clear:both; overflow:hidden; }
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.homepart1 .list{ width:750px; height:auto; overflow:hidden;}
.homepart1 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .list ul li{ margin:10px 0 10px 0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.homepart1 .list ul li .box{ width:96%; height:auto; overflow:hidden;}
.homepart1 .list ul li .pic{ width:100%; height:111px; overflow:hidden; position:relative; text-align:center;}

.homepart1 .list ul li .tit{ width:100%; height:54px; color:#262626; font-size:24px; text-align:center; line-height:54px;transition: all 0.5s ease;}



.homepart2{ width:100%; height:auto; background:#ffffff; margin:0 auto; padding:30px 0 30px 0; overflow:hidden; }
.homepart2 .centerbox{ width:750px; height:auto;  margin:0 auto; clear:both; overflow:hidden; }
.homepart2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.homepart2 .titbox{ width:710px; height:73px; overflow:hidden; position:relative; border-bottom:1px solid #e5f0ef; margin:0 auto}
.homepart2 .titbox .tit{ float:left; color:#036c65; font-size:32px;}
.homepart2 .titbox .tit span{ font-size:22px; text-transform:uppercase; color:#aaaaaa;} 
.homepart2 .titbox .more{ float:right; color:#aaaaaa; line-height:73px; overflow:hidden; font-size:20px;}

.homepart2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px; position:relative}
.homepart2 .listbox .list{ width:750px; height:770px; overflow:hidden;}
.homepart2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.homepart2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:750px; height:auto; overflow:hidden; }
.homepart2 .listbox .list ul li .one{ width:343px; height:auto; margin:10px 0 0 20px; overflow:hidden; box-sizing:border-box; border:1px solid #e3e3e3; padding:5px;float:left}
.homepart2 .listbox .list ul li .one img{ width:100%; height:246px; overflow:hidden;}
.homepart2 .listbox .list ul li .one .tit{ width:100%; margin:17px 0; height:68px; line-height:34px; font-size:24px; text-align:center; color:#262626;}

.productpage {text-align: center;width: 100%; height:auto; overflow:hidden; }
.productpage .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px; background: #d2d2d2;margin: 0 3px; cursor: pointer;}
.productpage .swiper-active-switch {background: #036c65;}





.homepart3{ width:100%; height:auto; background:#f4f4f4; margin:0 auto; padding:20px 0; }
.homepart3 .centerbox{ width:710px; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart3 .entit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center;font-size:16px; color:#ffffff; text-transform:uppercase }
.homepart3 .pic{ width:100%; height:211px; overflow:hidden;}
.homepart3 .pic img{ width:100%; height:auto}
.homepart3 .tit{ width:100%; height:50px; line-height:50px; font-size:28px; font-weight:700; color:#036c65; overflow:hidden; margin-top:10px;}
.homepart3 .word{ width:100%; height:auto; line-height:45px; font-size:24px; overflow:hidden; color:#262626;margin-top:10px;}
.homepart3 .more{ width:164px; height:52px; line-height:52px; border:1px solid #036c65; color:#036c65; font-size:20px; margin-top:10px; text-align:center}



.homepart4{ width:100%; height:auto; background: url(../Images/h4bg.jpg) no-repeat; background-size:cover; margin:0 auto; padding:20px 0; }
.homepart4 .centerbox{ width:710px; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart4 .entit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center;font-size:16px; color:#ffffff; text-transform:uppercase }
.homepart4 .pic{ width:100%; height:211px; overflow:hidden;}
.homepart4 .pic img{ width:100%; height:auto}
.homepart4 .tit{ width:100%; height:50px; line-height:50px; font-size:28px; font-weight:700; color:#036c65; overflow:hidden; margin-top:10px;}
.homepart4 .word{ width:100%; height:auto; line-height:45px; font-size:24px; overflow:hidden; color:#262626;margin-top:10px;}
.homepart4 .more{ width:164px; height:52px; line-height:52px; border:1px solid #036c65; color:#036c65; font-size:20px; margin-top:10px; text-align:center}



.homepart5{ width:100%; height:auto; background: #FFF; background-size:cover; margin:0 auto; padding:20px 0; }
.homepart5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1465px; margin:0 auto; clear:both; overflow:hidden; }
.homepart5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart5 .titbox{ width:710px; height:73px; overflow:hidden; position:relative; border-bottom:1px solid #e5f0ef; margin:10px auto}
.homepart5 .titbox .tit{ float:left; color:#036c65; font-size:32px; line-height:73px}
.homepart5 .titbox .tit span{ font-size:22px; text-transform:uppercase; color:#aaaaaa;} 
.homepart5 .titbox .more{ float:right; color:#aaaaaa; line-height:73px; overflow:hidden; font-size:20px;}

.homepart5 .list1{ width:710px; margin:0 auto; overflow:hidden;}
.homepart5 .list1 ul{ margin:0px; padding:0px; list-style:none}
.homepart5 .list1 ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:51px; font-size:24px; line-height:51px; overflow:hidden; background:url(../Images/news1.png) left center no-repeat; text-indent:30px;}

.homepart5 .list2{ width:710px; margin:0 auto; overflow:hidden;}
.homepart5 .list2 ul{ margin:0px; padding:0px; list-style:none}
.homepart5 .list2 ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:51px; font-size:24px; line-height:51px; overflow:hidden; background:url(../Images/news2.png) left center no-repeat; text-indent:30px;}






.footnav{ width:100%; height:auto; overflow:hidden;   border-bottom:1px solid #d7d8da; padding:26px 0 23px 0}
.footnav .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.footnav .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; background:url(../Images/flogo.png) left center no-repeat; line-height:57px;}
.footnav .menu{ width:69%; float:right; overflow:hidden; height:auto}
.footnav .menu ul{ margin:0px; padding:0px; list-style:none}
.footnav .menu ul li{ margin:0px; padding:0px; list-style:none; height:57px; line-height:57px; float:left; font-size:16px; text-align:right; overflow:hidden; width:11.11%; text-align:center}




.footmenu{ width:100%; height:auto;  background-size:cover; overflow:hidden; padding:30px 0}
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.footmenu .centerbox .centerin{ width:710px; height:auto; overflow:hidden;  position:relative; margin:0 auto}

.footmenu .part1{ width:68.35%; float:left; height:auto; overflow:hidden; color:#333333; font-size:18px;; line-height:30px;}
.footmenu .part1 a{ color:#231915}
.footmenu .part1 ul{ margin:20px 0 0 0; padding:0px; list-style:none} 
.footmenu .part1 ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; height:46px; position:relative} 
.footmenu .part1 ul li.t1{ background:url(../Images/f1.png) left center no-repeat;}
.footmenu .part1 ul li.t2{ background:url(../Images/f2.png) left center no-repeat;}
.footmenu .part1 ul li.t3{ background:url(../Images/f3.png) left center no-repeat;}
.footmenu .part1 ul li .tit{ margin:0 0 0 50px; height:20px; line-height:20px; font-size:12px; color:#807d7d}
.footmenu .part1 ul li .word{ margin:1px 0 0 50px;  font-size:15px; color:#231915}
.footmenu .part1 select{ width:60%; height:45px; border:1px solid #d5d6d8; position:relative; background:#eff0f2; color:#454545; margin-top:25px;}


.footmenu .part3{ width:207px; float:left; height:auto; overflow:hidden; text-align:right}
.footmenu .part3 select{ width:96%; height:45px; border:1px solid #d5d6d8; position:relative; background:#eff0f2; color:#454545; margin-top:25px;}


.footmenu .part4{ width:108px; float:right; height:auto; overflow:hidden; }
.footmenu .part4 img{ width:108px; height:108px;}
.footmenu .part4 .tit{ width:100%; height:34px; line-height:34px; font-size:14px; background:#0e6dbd; color:#FFF;text-align:center}


.footer{ width:100%; height:auto; overflow:hidden; background:#e7e7e7; padding:10px 0;  position:relative; z-index:1; }
.footer .centerbox{ width:710px; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.footer .centerbox .centerin{ width:96%; height:auto; overflow:hidden; line-height:200%; color:#1a141c; text-align:left; margin:0 auto; font-size:16px}
.footer .centerbox .centerin a{ color:#1a141c;}
.footer .centerbox .copyright{ width:520px; float:left; overflow:hidden; line-height:200%; font-size:20px;}
.footer .centerbox .ercode{ width:118px; float:right; overflow:hidden; line-height:200%; font-size:16px; text-align:center}
.footer .centerbox .ercode img{ width:100%; height:auto}

.footermb{ width:100%; height:auto; overflow:hidden; background:#f0f0f0; padding:30px 0;  position:relative; z-index:1; margin-top:10px; display:none }
.footermb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footermb .centerbox .centerin{ width:92%; height:auto; overflow:hidden; line-height:200%; color:#cbe6f9; text-align:center; margin:0 auto;}
.footermb .centerbox .centerin a{color:#cbe6f9;}

.fixbottomkong{ width:100%; height:80px; clear:both; overflow:hidden; }
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#036c65;  position:fixed; left:50%; margin-left:-375px; width:750px; bottom:0px; z-index:100; }
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; min-width:320px; margin:0 auto;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:80px; line-height:80px; font-size:24px; color:#FFF; float:left; overflow:hidden;  height:auto; border-left:1px solid #358984; margin-left:-1px; text-align:center}
.fixbottom .list ul li a { color:#FFF}
.fixbottom .list ul li img{ margin-top:10px;}
.fixbottom .list ul li.t1{ background:url(../Images/f1.png) 50px center no-repeat} 
.fixbottom .list ul li.t2{ background:url(../Images/f2.png) 35px center no-repeat}  
.fixbottom .list ul li.t3{ background:url(../Images/f3.png) 35px center no-repeat} 

@keyframes bgbig
{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1.5);}

100%   {transform:scale(1);}
}


.ertop{ width:100%; height:auto; overflow:hidden; background:#f7f7f9; z-index:10; position:relative; padding:20px 0 }
.ertop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertop .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertop .titbox{ width:100%; height:auto; overflow:hidden; font-size:50px; font-weight:bold;text-align:center; margin:0 auto; text-transform:uppercase; height:50px; line-height:50px; color:#e2e6ee; font-family:"Times New Roman", Times, serif}
.ertop .titbox2{ width:100%; font-size:32px; color:#003b89; text-align:center; margin:0 auto; height:45px; line-height:45px; margin-top:-20px; }

.ertop .navbox{ height:auto; width:100%; float:left; overflow:hidden;}
.ertop .navbox ul{ margin:0px; padding:0px 0 0 1px; list-style:none}
.ertop .navbox ul li{ margin:0; padding:0px; list-style:none; width:136px; height:69px; line-height:69px; font-size:16px; text-align:center; float:left; overflow:hidden; border-left:1px solid #dde7f3;border-right:1px solid #dde7f3; margin-left:-1px}
.ertop .navbox ul li.onfocus{ color:#fff; background:#009aea}
.ertop .navbox ul li.onfocus a{ color:#fff}


.ertopsun{ width:100%; height:auto; overflow:hidden; background:#f8f3f0; z-index:10; position:relative; padding:20px 0}
.ertopsun .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ertopsun .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list{ width:100%; height:auto; overflow:hidden;}
.ertopsun .list ul{ margin:0px; padding:0px; list-style:none}
.ertopsun .list ul li{ margin:10px 1%; padding:0px; list-style:none; width:14.6%; float:left; overflow:hidden; height:50px; line-height:50px; border:1px solid #e2e1e1; font-size:16px; text-align:center}
.ertopsun .list ul li.onfocus{ border:1px solid #f6323e; background:#FFF; color:#f60515}
.ertopsun .list ul li.onfocus a{color:#f60515}

.ersortname{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; display:none}
.ersortname .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.ersortname .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.ersortname .titlebox{ width:100%; height:104px; overflow:hidden; background:url(../Images/hometit1bg.jpg) top right no-repeat;position:relative; margin-top:10px;}
.ersortname .titlebox .tit{ position:absolute; background:url(../Images/home1line.jpg) #FFF 0 0 no-repeat;height:104px; left:0px; top:0px; padding-right:10px;}
.ersortname .titlebox .tit p{ margin:0px; padding:0px;text-indent:28px; }
.ersortname .titlebox .tit p.t1{ color:#ff9c00; font-size:20px; margin-top:28px;}
.ersortname .titlebox .tit p.t2{ color:#c0c0c0; font-family:Arial, Helvetica, sans-serif}


.maintitbox{ width:100%; height:auto; overflow:hidden; font-size:20px;text-align:center; margin:0 auto; text-transform:uppercase; height:40px; line-height:40px; color:#b4b4b4}
.maintitbox2{ width:100%; font-size:26px; color:#3ca703; text-align:center; margin:0 auto; height:50px; line-height:45px; background:url(../Images/h2ttline.jpg) bottom center no-repeat;}

.mainbox{ width:100%; height:auto; overflow:hidden; padding:0 0 25px 0; background:#ffffff;  }
.mainbox .topnavbox{ width:100%; border-bottom:1px solid #e2e6ee;}
.mainbox .topnavbox .cbox{ width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1280px;}
.mainbox .topnavbox .cbox .nav{ width:70%; float:left; overflow:hidden;}
.mainbox .topnavbox .cbox .nav ul{ margin:0px; padding:0px; list-style:none}
.mainbox .topnavbox .cbox .nav ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left; height:43px; line-height:43px; overflow:hidden; font-size:18px; text-align:center; border:1px solid #e2e6ee}
.mainbox .topnavbox .cbox .nav ul li.onfocus{ color:#ff0000; border-bottom:1px solid #ff0000}
.mainbox .topnavbox .cbox .nav ul li.onfocus a{ color:#ff0000}

.mainbox .topnavbox .cbox .location{ width:30%; float:right; overflow:hidden; text-align:right; height:43px; line-height:43px; font-size:14px}


.mainbox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  padding:0 }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbox2{ width:100%; height:auto; overflow:hidden; padding:25px 0; background:#f1f1f1;  }
.mainbox2 .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.mainbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }


.mainbox .leftbox{ width:100%; float:none; overflow:hidden;  height:auto; position:relative; background:#f4f4f4; padding-bottom:20px; }
.mainbox .rightbox{ width:100%; float:none; overflow:hidden;height:auto;} 



.mainbox .leftbox .titbox{ width:710px; margin:0 auto; height:60px; line-height:60px;  overflow:hidden; background:none;text-align:left; margin-top:25px; color:#046c63; background:url(../Images/d1.jpg) right center no-repeat; cursor:pointer}
.mainbox .leftbox .titboxon{background:url(../Images/d2.jpg) right center no-repeat; }

.mainbox .leftbox .navbox{ width:90%;  height:auto; overflow:hidden;  padding-bottom:0px;}
.mainbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.mainbox .leftbox .navlist ul{ margin:0px auto; padding:0px; list-style:none}
.mainbox .leftbox .navlist ul li{ margin:10px; padding:0px; list-style:none; width:167.5px; height:auto; line-height:58px; overflow:hidden; text-align:center; border:1px solid #036c65;  font-size:20px; box-sizing:border-box; float:left }
.mainbox .leftbox .navlist ul li.onfocus{ background:#036c65;  color:#fff;  border-bottom:1px solid #036c65;  }
.mainbox .leftbox .navlist ul li.onfocus a{ color:#fff;}
.mainbox .leftbox .navlist ul li ul{ margin:0px; padding:0px; list-style:none; display:none}
.mainbox .leftbox .navlist ul li ul li{ margin:0px; padding:0px; list-style:none; height:30px; text-indent:40px; line-height:30px;background:url(../Images/arrA.jpg) 25px center no-repeat; font-size:12px ; border:0px; }
.mainbox .leftbox .navlist ul li.onfocus ul li a{ color:#616161}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus{ font-weight:bold;background:url(../Images/arrB.jpg) 25px center no-repeat; color:#0094da}
.mainbox .leftbox .navlist ul li.onfocus ul li.onfocus a{color:#0094da} 
.mainbox .leftbox .navlist ul li.onfocus ul{ display:block}

.mainbox .leftbox .navlist2{ width:710px; height:auto; overflow:hidden; margin:0 auto; display:none }
.mainbox .leftbox .navlist2 ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navlist2 ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; line-height:58px; overflow:hidden; text-align:left; border-bottom:1px solid #75aca9;  font-size:20px; text-align:center }
.mainbox .leftbox .navlist2 ul li.onfocus{ color:#036c65;   }
.mainbox .leftbox .navlist2 ul li.onfocus a{ color:#036c65;}
.mainbox .leftbox .navlist2 ul li ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .navlist2 ul li ul li{  margin:10px 1%; padding:0px; list-style:none; width:31.33%; height:auto; line-height:58px; overflow:hidden; text-align:center; border:1px solid #036c65;  font-size:20px; box-sizing:border-box; float:left }

.mainbox .leftbox .navlist2 ul li.onfocus  ul li a{color:#616161}
.mainbox .leftbox .navlist2 ul li.onfocus  ul li.onfocus{background:#036c65;  color:#fff;  border-bottom:1px solid #036c65;}
.mainbox .leftbox .navlist2 ul li.onfocus  ul li.onfocus a{ color:#FFF}

.mainbox .rightbox .titlebox{ width:710px; margin:0 auto; overflow:hidden; height:70px;  position:relative; border-bottom:1px solid #e5f1f1; font-size:32px; color:#036c65; line-height:70px;}
.mainbox .rightbox .titlebox span{ font-size:22px; color:#aaaaaa; text-transform:uppercase}



.mainbox .rightbox2 .titlebox{ width:100%;  overflow:hidden; height:47px;  position:relative}
.mainbox .rightbox2 .titlebox .tit{ position: absolute; left:0px; top:0px; text-indent:15px; background: url(../Images/rtit.jpg) left center no-repeat;height:47px; line-height:47px; font-size:15px; color:#3d3d3d;}
.mainbox .rightbox2 .titlebox .location{ position:absolute; right:0; top:0px;height:47px; line-height:47px;  color:#aeb0b2;}


.mainbox  .thebox{ width:100%; margin:0 auto; padding:20px 0; height:auto; overflow:hidden;}

.mainbox .erpic{ width:100%; height:auto; overflow:hidden; margin:20px 0}

.ertoptit{ width:100%; height:54px; line-height:54px; overflow:hidden; font-size:30px; text-align:center; background:url(../Images/ttline2.jpg) bottom center no-repeat; color:#282828; margin-top:37px;}

.thetoper{ width:100%; height:auto; overflow:hidden;}
.thetoper .titbox{ width:100%; height:89px; overflow:hidden; position:relative}
.thetoper .titbox p{ display:block; width:100%; overflow:hidden; position:absolute; text-align:center}
.thetoper .titbox p.t1{ left:0px; top:0px; font-size:80px; line-height:80px; color:#f1f1f1; font-family:"Times New Roman", Times, serif}
.thetoper .titbox p.t2{ left:0px; bottom:0px; font-size:30px; color:#3d3d3d; height:32px; line-height:32px;}
.thetoper .titbox2{ width:100%; height:52px; overflow:hidden; background:url(../Images/ttarr2.png)  center center no-repeat; margin-top:30px;}


/*产品展示*/
.productlist{ width:750px; height:auto; overflow:hidden;}
.productlist ul{ margin:0px; padding:0px; list-style:none}
.productlist ul li{ margin:0px; padding:0px; list-style:none;  width:343px; height:auto; margin:10px 0 0 20px; overflow:hidden; box-sizing:border-box; border:1px solid #e3e3e3; padding:5px;float:left; background:#f6f6f6;}
.productlist ul li  img{ width:100%; height:246px; overflow:hidden;}
.productlist ul li .tit{ width:100%; margin:17px 0; height:68px; line-height:34px; font-size:24px; text-align:center; color:#262626;}





/*产品顶部*/
.producttop{ width:100%; height:auto; overflow:hidden; position:relative; background:#f4f4f4; padding:20px 0}
.producttop .pic{ width:710px; height:auto; overflow:hidden; margin:0 auto }
.producttop .pic img{ width:100%; height:auto}

.producttop .wordbox{ width:710px; height:auto; overflow:auto; margin:0 auto; overflow:hidden; margin-top:20px; }
.producttop .wordbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:28px; font-weight:bold; line-height:50px; color:#036c65; text-align:center; line-height:40px;}

.producttop .wordbox .titbox2{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:bold; color:#333333; margin-top:25px;}
.producttop .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:20px; line-height:30px; margin-top:15px;}

.producttit{ width:710px; height:60px; line-height:60px; overflow:hidden; margin:0 auto; margin-top:10px; border-bottom:1px solid #e5f0ef;}
.producttit ul{ margin:0px; padding:0px; list-style:none}
.producttit ul li{ margin:0px 40px 0 0; padding:0px; list-style:none;height:60px; line-height:60px; float:left; font-size:28px; color:#262626;cursor:pointer}
.producttit ul li.onfocus{ font-weight:700; color:#036c65; }



.morepage{ width:710px; height:auto; overflow:hidden; border:1px dashed #e5e5e5; margin:0 auto; border-left:0px; border-right:0px; margin-top:20px;}
.morepage ul{ margin:0px; padding:0px; list-style:none}
.morepage ul li{ margin:0px; padding:0px; list-style:none; width:100%; overflow:hidden; float:left; line-height:42px;}
.morepage ul li.back{ width:100%; height:50px; line-height:50px; font-size:22px; font-weight:700; color:#104532}
.morepage ul li.back a{color:#036c65}
/*历史记录*/
.historylist{ width:710px; height:auto; overflow:hidden; margin:0 auto; background:url(../Images/cline.jpg) top center repeat-y; padding:150px 0 25px 0}
.historylist ul{ margin:0px; padding:0px; list-style:none}
.historylist ul li{ margin:-131px 0 0 0px; padding:0px 0 30px 0; list-style:none; width:100%; height:auto; overflow:hidden; background:url(../Images/dotA.jpg) center 38px no-repeat;}
.historylist ul li .box{ width:311px; height:auto; overflow:hidden; border:2px solid #e4edf2; border-radius:20px; padding:10px 0; float:left }
.historylist ul li .box .time{ width:90%; margin:0 auto; height:25px; line-height:25px; overflow:hidden; font-size:18px; color:#00a2e9}
.historylist ul li .box .tit{ width:90%; margin:0 auto; height:45px; line-height:45px; overflow:hidden; font-size:22px; font-weight:bold; color:#333333;}
.historylist ul li .box .word{ width:90%; height:auto; overflow:hidden; font-size:20px; line-height:40px; overflow:hidden; margin:0 auto}
.historylist ul li .arr{ width:22px; height:24px; background:url(../Images/arr1.jpg) no-repeat; float:left; margin-top:15px; margin-left:-2px;}


.historylist ul li.even .box{ width:311px; height:auto; overflow:hidden; border:2px solid #e4edf2; border-radius:20px; padding:10px 0; float:left; margin-left:-2px; position:relative; z-index:0 }
.historylist ul li.even .box .time{ width:90%; margin:0 auto; height:25px; line-height:25px; overflow:hidden; font-size:18px; color:#00a2e9}
.historylist ul li.even .box .tit{ width:90%; margin:0 auto; height:45px; line-height:45px; overflow:hidden; font-size:22px; font-weight:bold; color:#333333;}
.historylist ul li.even .box .word{ width:90%; height:auto; overflow:hidden; font-size:20px; line-height:40px; overflow:hidden; margin:0 auto}
.historylist ul li.even .arr{ width:22px; height:24px; background:url(../Images/arr2.jpg) no-repeat; float:left; margin-top:15px; margin-left:370px; position:relative; z-index:10 }

/*解决方案*/
.slovelist{ width:710px; height:auto; overflow:hidden; margin:0 auto}
.slovelist ul{ margin:0px; padding:0px; list-style:none}
.slovelist ul li{ margin:25px 0 0 0; padding:0px; list-style:none; width:100%; height:155px; overflow:hidden; position:relative;overflow:hidden; float:left; border-bottom:1px solid #e7e7e7}
.slovelist ul li .pic{ position:absolute; width:176px; height:122px; overflow:hidden; left:0; top:0px;}
.slovelist ul li .pic .img{width:176px; height:122px;overflow:hidden;transition: all 0.5s ease;}
.slovelist ul li .wordbox{ position:absolute; width:523px; right:0px; top:0px;}
.slovelist ul li .wordbox .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:26px; font-weight:bold; color:#262626}
.slovelist ul li .wordbox .word{ width:100%; height:70px; line-height:35px; overflow:hidden; font-size:20px; color:#676767;}



/*项目展示*/
.projectlist{ width:100%; height:auto; overflow:hidden;}
.projectlist ul{ margin:0px; padding:0px; list-style:none}
.projectlist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.projectlist ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #f0f0f0; padding:10px 0}
.projectlist ul li .box .inbox{ width:96%; margin:0 auto; overflow:hidden;} 
.projectlist ul li .box .pic{ width:100%; height:286px; overflow:hidden; position:relative}
.projectlist ul li .box .pic .img{width:100%; height:286px; overflow:hidden;transition: all 0.5s ease;}
.projectlist ul li .box .pic .cover{ width:100%; height:286px; overflow:hidden; background:url(../Images/cover1.png) repeat; position:absolute; left:0px; top:0px; display:none}
.projectlist ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; overflow:hidden; color:#1c1d1d}

.projectlist ul li:hover .box{border:1px solid #003b89;}
.projectlist ul li:hover .box .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist ul li:hover .box .tit{ color:#003b89}
.projectlist ul li:hover .box .pic .cover{ display:block}


/*施工现场*/
.constructionList{ width:100%; height:auto; overflow:hidden;}
.constructionList ul{ margin:0px; padding:0px; list-style:none}
.constructionList ul li{ margin:20px 0px 0px 20px; padding:0px; list-style:none; width:326px; height:auto; overflow:hidden; border:8px solid #eef2f5; float:left}
.constructionList ul li .pic{ width:100%; height:238px; overflow:hidden}
.constructionList ul li .pic .img{ width:100%; height:238px; overflow:hidden;transition: all 0.5s ease;}
.constructionList ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; background:#eef2f5; text-align:center; font-size:20px}
.constructionList ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*新闻资讯*/
.thenewslist{ width:710px; height:auto; overflow:hidden; margin:0 auto}
.thenewslist ul{ margin:0px; padding:0px; list-style:none}
.thenewslist ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:100%; height:233px; overflow:hidden; position:relative; background:#f6f6f6; overflow:hidden; float:left}
.thenewslist ul li .pic{ position:absolute; width:288px; height:212px; overflow:hidden; left:10px; top:10px;}
.thenewslist ul li .pic .img{width:288px; height:212px;overflow:hidden;transition: all 0.5s ease;}
.thenewslist ul li .pic .cover{ width:288px; height:212px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../Images/cover1.png) repeat; opacity:0;transition: all 0.5s ease;}
.thenewslist ul li .wordbox{ position:absolute; width:360px; left:328px; top:10px;}
.thenewslist ul li .wordbox .tit{ width:100%; height:38px; line-height:38px; overflow:hidden; font-size:22px; font-weight:bold; color:#333333}
.thenewslist ul li .wordbox .word{ width:100%; height:121px; line-height:40px; overflow:hidden; font-size:20px;}
.thenewslist ul li .wordbox .more{ width:100%; height:35px; line-height:35px; overflow:hidden; margin-top:10px; font-size:18px; color:#00a2ea}


.thenewslist ul li:hover{ background:#ecf5f9}
.thenewslist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.thenewslist ul li:hover .pic .cover{ opacity:1}
.thenewslist ul li:hover .wordbox .tit{ color:#00a2e9}



/*新闻信息*/
.topnews{width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both; margin-top:20px; background:#ffffff; padding:10px 0}
.topnews .picbox{ width:48.20%; float:left; overflow:hidden; height:381px; overflow:hidden; float:left}
.topnews .list{ width:50.70%; float:right; overflow:hidden;}
.topnews .list ul{ margin:0px; padding:0px; list-style:none}
.topnews .list ul li{ margin:0px; padding:15px 0; list-style:none; width:100%; height:auto; overflow:hidden; background:#f6f6f6; margin-bottom:17px;}
.topnews .list ul li .box{ width:92%; margin:0 auto; overflow:hidden; text-align:left}
.topnews .list ul li .tit{ width:100%; height:38px; line-height:38px; overflow:hidden; font-size:20px; color:#1c1d1d; text-align:left}
.topnews .list ul li .word{ width:100%; height:50px; line-height:25px; font-size:14px; overflow:hidden; color:#7a7a7a; margin:18px 0}
.topnews .list ul li .time{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#003b89}

.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both;   padding:10px 0}
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:0px 0 20px 0px; padding:0px; overflow:hidden; list-style:none; width:100%; height:auto;clear:both; background:#f6f6f6}
.bignews ul li .pic{ width:30.15%; float:left; overflow:hidden; height:237px; }
.bignews ul li .pic .img{ width:100%; height:237px; overflow:hidden;transition: all 0.5s ease;}

.bignews ul li .wordbox{ width:65.78%; float:left; overflow:hidden; height:auto; margin-left:2%;}
.bignews ul li .wordbox .tit{ width:100%; height:65px; line-height:65px; overflow:hidden; font-size:20px; color:#1c1d1d}
.bignews ul li .wordbox .word{ width:100%; height:75px; line-height:25px; overflow:hidden; font-size:14px; margin-top:3px; color:#7a7a7a}
.bignews ul li .wordbox .time{ font-size:13px;  width:100%; height:28px; line-height:28px; color:#003b89; margin-top:32px;}

.bignews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden; }
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; height:auto; position:relative; padding:15px 0 25px 0; border-bottom:1px dashed #e3e3e3;}
.thenews ul li .box{ width:98%; margin:0 auto; overflow:hidden;}
.thenews ul li .time{ width:8%; float:left}
.thenews ul li .time .inbox{ width:92%; height:77px; overflow:hidden; background:#f6f6f6; color:#FFF}
.thenews ul li .time p{ display:block; width:100%; text-align:center;color:#1c1d1d}
.thenews ul li .time p.t1{ height:50px; line-height:50px; font-size:30px; }
.thenews ul li .time p.t2{ font-size:14px; }
.thenews ul li .wordbox{ width:92%; float:left}
.thenews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px}
.thenews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px}
.thenews ul li:hover{ background:#fff}
.thenews ul li:hover .time .inbox{ background:#003b89}
.thenews ul li:hover .time p{ color:#FFF}
.thenews ul li:hover .wordbox .tit{ color:#003b89}


/*服务*/
.servicelist{ width:100%; height:auto; overflow:hidden; clear:both; padding:0 0 15px 0}
.servicelist ul{ margin:0px; padding:0px; list-style:none}
.servicelist ul li{ margin:15px 0 0 0 ; padding:0px; list-style:none; width:50%; float:left; overflow:hidden; height:auto;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s; }

.servicelist ul li .box{ width:98%; overflow:hidden; height:auto;background:#eff0f2; padding:19px; box-sizing:border-box}
.servicelist ul li .pic{ width:58.19%; height:208px; overflow:hidden; float:left}
.servicelist ul li .pic .img{ width:100%; height:208px; overflow:hidden;transition: all 0.5s ease;}

.servicelist ul li .wordbox{ width:39.41%; height:auto; float:right; overflow:hidden;}
.servicelist ul li .tit{  width:100%; height:50px; line-height:50px; font-size:18px; color:#000; font-weight:bold; overflow:hidden;}
.servicelist ul li .word{ width:100%; height:100px; line-height:25px; overflow:hidden; font-size:14px; }
.servicelist ul li .more{ width:100%; height:20px; line-height:20px; overflow:hidden; color:#003b89; margin-top:25px;}

.servicelist ul li:hover .tit{ color:#003b89;}
.servicelist ul li:hover .pic .img{  -webkit-transform: scale(1.1); transform: scale(1.1);}
.servicelist ul li.even .box{ float:right}


/*联系我们*/
.contactlist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.contactlist ul{ margin:0px; padding:0px; list-style:none}
.contactlist ul li{ margin:16px 0 0 0px; padding:30px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left; box-sizing:border-box}
.contactlist ul li .box{ width:50%; margin:0 auto; overflow:hidden; font-size:15px; line-height:200%; padding-top:56px;}

.contactlist ul li.t2{ border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.contactlist ul li.t1 .box{ background:url(../Images/ct1.jpg) 0 0 no-repeat;}
.contactlist ul li.t2 .box{ background:url(../Images/ct2.jpg) 0 0 no-repeat;}
.contactlist ul li.t3 .box{ background:url(../Images/ct3.jpg) 0 0 no-repeat;}
.contactlist ul li span{ display:block; width:100%;}

.contactmap{ width:100%; height:auto; overflow:hidden; background:#f6f6f6; margin-top:30px; padding-bottom:30px;}
.contactmap .mapbox{ width:100%; height:301px; overflow:hidden;}

.contacttit{ width:100%; height:auto; text-align:center; font-size:28px; font-weight:bold; color:#003b89; margin-top:20px;}
.contactword{ width:100%; height:auto; text-align:center; overflow:hidden; font-size:14px; color:#534e4c; margin-top:17px; line-height:25px;} 

.contactmap .formbox{ width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.contactmap .formbox ul{ margin:0px; padding:0px; list-style:none}
.contactmap .formbox ul li{ margin:0px; padding:0px; list-style:none;}
.contactmap .formbox ul li.t1{ width:31.33%; float:left; overflow:hidden;}
.contactmap .formbox ul li.t2{ width:31.33%; float:left; overflow:hidden; margin-left:3%;}
.contactmap .formbox ul li.t3{ width:31.33%; float:right; overflow:hidden;}

.contactmap .formbox ul li.t4{ width:100%; float:none; overflow:hidden;clear:both; padding-top:20px; }
.contactmap .formbox ul li.t5{ width:100%; float:none; overflow:hidden;clear:both; padding-top:20px; text-align:center }

.contactmap .formbox ul li .input1{ width:100%; height:46px; border:1px solid #e2e2e2; background:#FFF; text-indent:12px;}
.contactmap .formbox ul li textarea{ width:100%; height:150px; border:1px solid #e2e2e2;text-indent:12px;}
.contactmap .formbox ul li .btnme{ width:244px; height:56px; line-height:56px; background:#003b89; color:#FFF; font-size:20px; border:0px;}

/*人才招聘*/
.jobbox{ width:100%; height:auto; overflow:hidden;}
.jobbox .onebox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.jobbox .titbox{ width:100%; height:60px; overflow:hidden; background:#f7f7f7; position:relative}
.jobbox .titbox .icon{ width:62px; height:60px; background:#f0f1f6; line-height:60px; font-size:32px; position:absolute; left:0px; top:0px; text-align:center}
.jobbox .titbox .tit{ position:absolute; left:78px; top:0px; width:70%; line-height:60px; line-height:60px; font-size:16px}
.jobbox .wordbox{ width:100%; height:auto; overflow:hidden; background:#f2f5f9; padding:25px 0; display:none}
.jobbox .wordbox .word{ width:90%; margin:0 auto; overflow:hidden; line-height:200%; font-size:14px }

.jobbox .oneboxon .titbox{ background:#e5ebf3}
.jobbox .oneboxon .titbox .icon{ background:#003b89; color:#FFF}
.jobbox .oneboxon .titbox .tit{ font-size:18px; font-weight:bold; color:#003b89}
.jobbox .oneboxon .wordbox{ display:block}
/*新闻*/
.nplist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.nplist ul{ margin:0px; padding:0px; list-style:none}
.nplist ul li{ margin:16px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#f2f5fa;transition: all 0.5s ease;}

.nplist ul li .titbox{ width:96%; margin:0 auto; height:100px; position:relative;}
.nplist ul li .titbox .time{ width:54px; height:57px; position:absolute; left:0px; top:24px; border:1px solid #75c8f4;}
.nplist ul li .titbox .time p{ display:block; width:100%; text-align:center; margin:0; padding:0; line-height:24px;}
.nplist ul li .titbox .time p.t1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-top:5px; color:#009aeb}
.nplist ul li .titbox .time p.t2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#009aeb}
.nplist ul li .titbox .tit{ position:absolute; left:72px; top:24px; height:56px; line-height:28px; overflow:hidden; font-size:16px;}

.nplist ul li .pic{ width:100%; height:235px;overflow:hidden; position:relative}
.nplist ul li .pic .img{ width:100%; height:235px;transition: all 0.5s ease;}

.nplist ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.nplist ul li .wordbox .inbox{ width:96%; margin:0 auto; overflow:hidden;}

.nplist ul li .wordbox .word{ width:100%; height:52px; line-height:26px; margin-top:15px; font-size:13px; overflow:hidden;}
.nplist ul li .wordbox .readtimes{ font-size:14px;  width:100%; height:28px; line-height:28px; background:url(../Images/rtimes2.png) left center no-repeat; text-indent:38px; color:#828689; margin:15px 0;}
.nplist ul li:hover .box{ background:#009aeb}
.nplist ul li:hover .titbox .time p.t1{ color:#FFF}
.nplist ul li:hover .titbox .time p.t2{ color:#FFF}
.nplist ul li:hover .titbox .tit{ color:#FFF}
.nplist ul li:hover .wordbox .word{ color:#FFF}
.nplist ul li:hover .wordbox .readtimes{color:#FFF}
.nplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.casetit{ width:100%; height:auto; overflow:hidden; clear:both; background:url(../Images/casetitbg.jpg) center center no-repeat; background-size:cover; padding:70px 0}
.casetit .titbox{ width:100%; height:89px; overflow:hidden; position:relative}
.casetit .titbox p{ display:block; width:100%; overflow:hidden; position:absolute; text-align:center}
.casetit .titbox p.t1{ left:0px; top:0px; font-size:80px; line-height:80px; color:#c0c5cd; font-family:"Times New Roman", Times, serif}
.casetit .titbox p.t2{ left:0px; bottom:0px; font-size:30px; color:#fff; height:32px; line-height:32px;}
.casetit .titbox2{ width:100%; height:52px; overflow:hidden; background:url(../Images/ttarr2.png)  center center no-repeat; margin-top:30px;}

.thecasebox{ width:100%; height:auto; overflow:hidden;  background:#f4f4f4; padding:30px 0 30px 0;}
.thecasebox .centerbox{ width:100%; height:auto;   max-width:1280px; margin:0 auto; clear:both; overflow:hidden; }
.thecasebox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden;}
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:15px 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.caselist ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;}
.caselist ul li .pic{ width:100%; height:245px; overflow:hidden;}
.caselist ul li .pic .img{ width:100%; height:245px; overflow:hidden;transition: all 0.5s ease;}
.caselist ul li .tit{ width:100%; height:55px; line-height:55px; font-size:14px; overflow:hidden; text-align:center}

.caselist ul li:hover .box{ background:#1846a0}
.caselist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.caselist ul li:hover .tit{ color:#fff;}
.caselist ul li:hover .word{color:#37ac05;}
.caselist ul li:hover .time{ color:#37ac05;}

.casemore{ width:187px; height:48px; line-height:48px; text-align:center; font-size:14px; border:1px solid #bcbcbc; margin:0 auto; margin-top:25px; border-radius:25px;transition: all 0.5s ease;}
.casemore:hover{ background:#104eb1; color:#FFF;border:1px solid #104eb1; }



/*环保设备*/
.machine{ width:100%; height:auto; overflow:hidden;}
.machine ul{ margin:0px; padding:0px; list-style:none}
.machine ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.machine ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;border:1px solid #efefef;transition: all 0.5s ease;}
.machine ul li .pic{ width:100%; height:268px;  overflow:hidden; position:relative}
.machine ul li .pic .img{ width:100%; height:268px; overflow:hidden;transition: all 0.5s ease;}
.machine ul li .pic .cover{ width:100%; height:268px; background:url(../Images/cover2.png) center center no-repeat; background-size:cover; clear:none; position:absolute; left:0px; top:0px; display:none}
.machine ul li .wordbox{ width:96%; margin:0 auto;}
.machine ul li .wordbox .tit{ width:100%; height:57px; line-height:57px; font-size:16px; text-align:center; background: url(../Images/line1.jpg) bottom center no-repeat; overflow:hidden;}
.machine ul li .wordbox .tit2{ width:100%; height:36px; line-height:36px; overflow:hidden; text-align:center}

.machine ul li:hover .box{ background:#a7d006}
.machine ul li:hover .pic .cover{ display:block}
.machine ul li:hover .wordbox .tit{ background:url(../Images/line2.jpg) bottom center no-repeat; color:#FFF}
.machine ul li:hover .wordbox .tit2{ color:#FFF}
.machine ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}





/*材料展示*/
.piclist{ width:100%; height:auto; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none}
.piclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.piclist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.piclist ul li .pic{ width:100%; height:312px; overflow:hidden; position:relative}
.piclist ul li .pic .img{ width:100%; height:312px; overflow:hidden;transition: all 0.5s ease;}

.piclist ul li .tit{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; text-align:center}
.piclist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.piclist ul li:hover .tit{ background:#ececec; color:#f16005;}




.newslist{ width:710px; height:auto; overflow:hidden; margin:0 auto}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0; padding:0; list-style:none; width:100%; height:60px; line-height:60px; overflow:hidden; position:relative;  overflow:hidden; border-bottom:1px solid #ededed; font-size:22px }
.newslist ul li span{ color:#157ce3; }


/*相册幻灯*/
.schoolSlide{ width:100%; height:600px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative}
.schoolSlide .list{ width:100%; height:456px; overflow:hidden;}
.schoolSlide .list ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:456px; float:left; overflow:hidden; float:left; position:relative}
.schoolSlide .list ul li p{ display:block; width:100%; height:40px; line-height:40px; text-indent:15px; color:#FFF; overflow:hidden; background:url(../Images/cover3.png) repeat; left:0px; bottom:0px; position:absolute}
.schoolSlide .leftarr{ width:30px; height:45px; background:url(../Images/left1.png) no-repeat; position:absolute; left:28px; top:197px; cursor:pointer; z-index:100; }
.schoolSlide .rightarr{ width:30px; height:45px;background:url(../Images/right1.png) no-repeat; position:absolute; right:28px; top:197px;cursor:pointer; z-index:100; }
.schoolSlide .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.schoolSlide .minbox .left1{ position:absolute; left:0px; top:25px; width:20px; height:33px; background:url(../Images/minleft.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .right1{position:absolute; right:0px; top:25px;width:20px; height:33px; background:url(../Images/minright.jpg) no-repeat;cursor:pointer}
.schoolSlide .minbox .mlist{ width:92%; margin:0 auto; overflow:hidden; }
.schoolSlide .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:191px; height:111px; overflow:hidden; float:left}
.schoolSlide .minbox .mlist ul li .img{ width:90%; height:111px; overflow:hidden;}
.schoolSlide .minbox .mlist ul li .img .cover{ width:100%; height:111px; background:url(../Images/cover3.png) repeat; overflow:hidden; display:none}
.schoolSlide .minbox .mlist ul li .img .cover p{ display:block; width:100%; text-align:center; color:#FFF; font-size:14px}
.schoolSlide .minbox .mlist ul li .img .cover p.t1{ margin-top:33px;}
.schoolSlide .minbox .mlist ul li.active-nav .img{ border:1px solid #0882d5}
.schoolSlide .minbox .mlist ul li.active-nav .img .cover{ display:block}





/*新闻*/
.listnews{ width:100%; height:auto; overflow:hidden;}
.listnews ul{ margin:0px; padding:0px; list-style:none}
.listnews ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:140px; border-bottom:1px dashed #e5e5e5;}
.listnews ul li .wordbox{ width:86.01%; float:left;}
.listnews ul li .wordbox .tit{ width:100%; height:25px; line-height:25px; font-size:14px; color:#000; overflow:hidden;}
.listnews ul li .wordbox .hit{ width:100%; height:24px; line-height:24px; margin-top:7px; overflow:hidden; background:url(../Images/hittimes.jpg) left center no-repeat; text-indent:38px;overflow:hidden;}
.listnews ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px;}
.listnews ul li .timebox{ width:10%; float:right; height:113px; overflow:hidden; border-left:1px solid #e6e6e6;}
.listnews ul li .timebox p{ display:block; width:100%; overflow:hidden; text-align:center}
.listnews ul li .timebox p.t1{ width:100%; font-size:24px; color:#eb2c34; margin-top:25px;}
.listnews ul li .timebox p.t2{ width:100%; margin-top:13px; overflow:hidden; font-size:12px;}

.listnews ul li.havepic .pic{ width:20.86%; float:left; overflow:hidden; height:126px; overflow:hidden;} 
.listnews ul li.havepic .pic .img{ width:100%;  height:126px;transition: all 0.5s ease;}
.listnews ul li.havepic  .wordbox{ width:62.06%; float:left; margin-left:2.73%;}

.listnews ul li.havepic:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}



/*留言*/
.msgbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0; margin-bottom:20px;}
.msgbox .box{ width:92%; margin:0 auto; overflow:hidden;}
.msgbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.msgbox .list{ width:100%; height:auto; overflow:hidden;}
.msgbox .list ul{ margin:0px; padding:0px; list-style:none}
.msgbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:33.33%; height:36px; line-height:36px; float:left; overflow:hidden;}
.msgbox .list ul li .input1{ width:92%; height:36px; border:1px solid #CCC; text-indent:11px; line-height:36px; background:#FFF}
.msgbox .list ul li select{ width:92%; height:36px; border:1px solid #CCC; line-height:36px; background:#FFF}
.msgbox .list ul li .btnme{ width:128px; height:40px; line-height:40px; color:#FFF; border:0px; background:#00a3cc; font-size:14px}



.allbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;}

/*下载*/
.download{ width:96%; margin:0 auto; overflow:hidden;}
.download ul{ margin:0px; padding:0px; list-style:none}
.download ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:43px; line-height:43px; border-bottom:1px dashed #d3d3d3; position:relative}
.download ul li p{ display:block; height:43px; line-height:43px; float:left; overflow:hidden;}
.download ul li p.t1{ background:url(../Images/newsdot1.jpg) 5px 16px no-repeat; text-indent:24px; font-size:14px; width:60%;}
.download ul li p.t2{ width:20%; text-align:center;}
.download ul li p.t3{ width:20%; text-align:right;}






/*师资力量*/
.teacherlist{ width:100%; height:auto; overflow:hidden;}
.teacherlist ul{ margin:0px; padding:0px; list-style:none}
.teacherlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.teacherlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.teacherlist ul li .pic{ width:100%; height:182px; border:1px solid #CCC; overflow:hidden;}
.teacherlist ul li .pic .img{width:100%; height:182px; transition: all 0.5s ease;}
.teacherlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}

.teacherlist ul li:hover .pic .img{-webkit-transform: scale(1.1);transform: scale(1.1);}








/*关于我们*/
.aboutbox{ width:100%; background:url(../Images/aboutbg.jpg) top right  no-repeat; overflow:hidden; min-height:400px; margin-top:35px; font-size:14px;}
.aboutbox .box{ width:50%; overflow:hidden; line-height:200%;}
.aboutpic{ width:100%; height:auto; overflow:hidden;}
.aboutpic ul{ margin:0px; padding:0px; list-style:none}
.aboutpic ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.aboutpic ul li img{ width:96%; margin:0 auto; overflow:hidden;}
 





.box2{ width:710px; height:auto; overflow:hidden; margin:0 auto;}
.showus{ width:100%; font-size:12px; margin:0 auto; margin-top:20px; line-height:200%; font-size:24px; }
.showus *{ line-height:200%; font-size:24px}
.showus table{width:100%;border-collapse:collapse;}
.showus tr.tit{ background:#0172c4; color:#FFF;}
.showus tr.even{ background:#eff4f8}
.showus td{border:1px solid #e1e1e1;line-height:48px; font-size:14px; text-align:center}
.showus td em{color:#999;margin-left:5px; font-style:normal;}

.theauthor{ width:100%; font-size:20px; text-align:center}
.showus section{ width:100%; display:block}
.showus img{ max-width:100%; height:auto}
.showus .tablebox{ width:710px; height:auto; overflow-x:auto;}


.ertitle{ width:100%; height:auto; overflow:hidden;}
.ertitle { float:left; height:67px; line-height:67px; overflow:hidden; font-size:24px; font-weight:bold; color:#4b4b4b;}
.ertitle  span{ font-weight:normal; color:#7f7f7f; font-size:12px}








/*推荐的新闻*/
.goodnews{ width:100%; height:auto; overflow:hidden;}
.goodnews ul{ margin:0px; padding:0px; list-style:none}
.goodnews ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:185px;}
.goodnews ul li .box{ width:90%; height:185px; overflow:hidden;}
.goodnews ul li .tit{ width:100%; height:47px; line-height:47px; font-size:16px; overflow:hidden; color:#3f9d15; font-weight:bold;}
.goodnews ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; color:#787878; }
.goodnews ul li .time{ width:100%; margin-top:20px; height:45px; line-height:45px; overflow:hidden; color:#3f9d15;}




/*产品展示*/
.photolist{ width:100%; height:auto; overflow:hidden;}
.photolist ul{ margin:0px; padding:0px; list-style:none}
.photolist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33%; float:left; overflow:hidden;}
.photolist ul li .box{ width:90%; height:auto; overflow:hidden;}
.photolist ul li .box .pic{ width:100%; height:307px; overflow:hidden; position:relative; border:2px solid #f4f4f4; padding:-2px;}
.photolist ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:14px; text-align:center}


.photolist ul li:hover .box .pic { border:2px solid #f59b0f;}
.photolist ul li:hover .box .tit{  color:#f59b0f}



/*产品详细页*/
.protit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eaeaea; text-align:center}
.protit em{ font-style:normal; font-size:16px; height:48px; line-height:48px; border-bottom:2px solid #faa93e; color:#0976cb; padding:15px 0}
.showpic{ width:100%; text-align:center; padding:25px 0}
.showpic img{ max-width:100%;}

.pronav{ width:100%; height:auto; overflow:hidden; border:1px solid #d4d4d4; padding-bottom:-1px;}
.pronav ul{ margin:0px; padding:0px; list-style:none}
.pronav ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:43px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left; line-height:43px; overflow:hidden; font-size:14px; text-align:center; cursor:pointer}

.pronav ul li.onfocus { background:#f59b0f; color:#FFF}

.productarea{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0 ;}

/*联系我们*/
.contactbox{ width:100%; height:auto; overflow:hidden;}
.contactbox .addressbox{ width:92%; margin:0 auto; overflow:hidden; height:auto}
.contactbox .addressbox .box{ width:96%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}
.contactbox .addressbox .list{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.contactbox .addressbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox .addressbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.contactbox .addressbox .list ul li .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.contactbox .addressbox .list ul li .pic img{ max-width:90%;}
.contactbox .addressbox .list ul li .tit{ width:100%; height:50px; overflow:hidden; line-height:50px; text-align:center}

.contactbox .feedbackbox{width:92%; margin:0 auto; overflow:hidden; height:auto}
.contactbox .feedbackbox .list{ width:100%; height:auto; overflow:hidden;}
.contactbox .feedbackbox .list ul{ margin:0px; padding:0px; list-style:none}
.contactbox .feedbackbox .list ul li{ margin:8px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.contactbox .feedbackbox .list ul li .input1{ width:98%; height:53px; line-height:53px; border:1px solid #d6d6d6; text-indent:21px; font-size:24px}
.contactbox .feedbackbox .list ul li textarea{ width:98%; height:160px; line-height:50px; border:1px solid #d6d6d6; text-indent:21px;font-size:24px}

.contactbox .feedbackbox .list ul li .btnme{ width:98%; height:70px; line-height:70px; font-size:26px; color:#FFF; border:1px solid #009ae7; color:#009ae7; background:#104532; color:#FFF}
.mapbox{ width:100%; height:300px; overflow:hidden; margin-top:25px;}

