@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 12px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

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

.topbox{ width:100%; min-width:1200px;height:36px; line-height:36px; background:#f3f3f3; font-size:14px;color: #333;}
.topbox .L{ float:left; max-width:600px; overflow:hidden}
.topbox .L p{}
.topbox .R{ float:right; max-width:500px; overflow:hidden}
.topbox .R p{}

.headerbox{ width:1200px; margin:0 auto; overflow:hidden}
.headerbox .logo{ float:left; width:480px; height:110px;overflow:hidden}
.headerbox .logo img{ display:block; }
.headerbox .nav{ float:right; max-width:720px; overflow:hidden}
.headerbox .nav ul{ overflow:hidden}
.headerbox .nav ul li{ float:left;height: 110px;line-height: 110px;padding: 0 15px;}
.headerbox .nav ul li a{ font-size:16px; color:#333;}
.headerbox .nav ul li a:hover{ color:#0097d6}

.banner{ width:100%; min-width:1200px; height:500px; overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img img{ display:block;height:500px; float:left;}
.b-list{ height:20px; padding-top:480px;margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}

.contitbox{ width:1200px; margin:0 auto; overflow:hidden; padding-top:60px;}
.contitbox p{margin-bottom: 8px; text-align:center;font-size: 34px;color: #333;}
.contitbox span{ text-align:center;color: #b9b9b9;text-transform: uppercase}
.contitbox em{ display:block; width:24px; height:2px; background:#0097d6; margin:0 auto; overflow:hidden; margin-top:15px;}


.part1{  margin:0 auto;margin-top:60px; width:1200px; position:relative}
.floatL{width:52px; height:52px; position:absolute; top:85px; left:-85px; cursor:pointer}
.floatR{width:52px; height:52px; position:absolute; top:85px; right:-85px; cursor:pointer}
.subBox0{width:1200px;height:290px;overflow: hidden;float:left;}
.subBox0 ul{width:100000px;margin:0;padding:0;}
.subBox0 ul li{ float:left; width:279; height:284px; overflow:hidden; margin-right:30px;}
.subBox0 ul li .proimg{ display:block;width:275px; height:230px; border:1px solid #ccc;padding:1px; overflow:hidden}
.subBox0 ul li .proimg a{ display:block;width:275px; height:230px; overflow:hidden}
.subBox0 ul li .proimg img{width:275px; height:230px;transition: all 0.5s;}
.subBox0 ul li p{ text-align:center; height:50px; line-height:50px; font-size:14px; color:#333;}
.subBox0 ul li .proimg img:hover{transform: scale(1.1);}
.subBox0 ul li p:hover{color: #f00;}

.part2{width:100%; min-width:1200px; background:url(../images/bg.jpg) repeat; margin-top:40px}
.part2 .conbox{ overflow:hidden; min-height:20px; padding-top:10px}
.part2 .conbox img{ display:block; width:1200px;}

.part3{ width:1200px; margin:0 auto; overflow:hidden; padding:70px 0;}
.part3 .L{ float:left; width:540px; height:400px; overflow:hidden;}
.part3 .L img{width:540px; height:400px; display:block;transition: all 0.5s;}
.part3 .L img:hover{transform: scale(1.1);}
.part3 .R{ float:right; width:600px; overflow:hidden}
.part3 .R .tit{ height:60px; line-height:60px; font-size:40px; color:#333;}
.part3 .R .sub{padding-top: 20px;font-size: 18px;}
.part3 .R .con{ padding-top:30px;overflow: hidden; height:180px;font-size: 14px;color: #666;line-height: 2.2;}
.part3 .R .more{ display:block; color:#0097d6; padding-top:30px; font-size:20px}


.part4{width:100%; min-width:1200px; background:url(../images/bg2.jpg) top center no-repeat; background-size:100%; overflow:hidden}
.part4 .contitbox p,.part4 .contitbox span{ color:#fff}
.part4 .contitbox em{ background:#fff}

.part4 ul{ margin-top:100px}
.part4 ul li{ float:left;padding: 0 15px 15px;margin: 0 20px;background-color: #f3f3f3; width:330px;}
.part4 ul li .txt{position: relative;padding-top: 52px;margin-bottom: 15px;border-bottom: 1px dashed #ccc;text-align: center;}
.part4 ul li .txt .num{ position:absolute; top:-52px; left:118px; width:92px; height:105px; line-height:105px; text-align:center; color:#fff; font-size:30px; background:url(../images/numbg.png) no-repeat}
.part4 ul li .txt a{height: 60px;line-height: 60px; text-align:center;font-size: 18px;color: #333;}
.part4 ul li .txt a:hover{ color:#f00}
.part4 ul li .pro{ width:320px; height:225px; overflow:hidden}
.part4 ul li .pro img{ display:block;width:320px; height:225px;transition: all 0.5s;}
.part4 ul li .pro img:hover{transform: scale(1.1);}


.part5{ width:1200px; margin:0 auto; overflow:hidde; padding-top:60px;}
.part5 .L{ float:left; width:576px; overflow:hidden}
.part5 .L .proimg{width:576px; overflow:hidden; height:340px;}
.part5 .L .proimg img{width:576px; overflow:hidden; height:340px; display:block;transition: all 0.5s;}
.part5 .L .proimg img:hover{transform: scale(1.1);}
.part5 .L .protxt{ padding-top:30px; overflow:hidden}
.part5 .L .protxt .date{float: left;width:90px;height: 66px;font-size: 14px;text-align: center;border-right: 1px solid #ddd;color: #ddd;}
.part5 .L .protxt .date strong{font-size: 36px; display:block}
.part5 .L .protxt .txt{ float:right; width:465px; overflow:hidden; height:85px;}
.part5 .L .protxt .txt a{margin-bottom: 13px;font-size: 18px; color:#333;}
.part5 .L .protxt .txt a:hover{ color:#f00}
.part5 .L .protxt .txt .sub{overflow: hidden;font-size: 12px;color: #666; line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:48px;}

.part5 .R{ float:right; width:576px; overflow:hidden}
.part5 .R ul{ overflow:hidden}
.part5 .R ul li{ margin-bottom:40px; overflow:hidden}
.part5 .R ul li .date{float:right;width:90px;height: 66px;font-size: 14px;text-align: center;border-left: 1px solid #ddd;color: #ddd;}
.part5 .R ul li .date strong{font-size: 36px; display:block}
.part5 .R ul li .txt{ float:left; width:465px; overflow:hidden; height:85px;}
.part5 .R ul li .txt a{margin-bottom: 13px;font-size: 18px; color:#333;}
.part5 .R ul li .txt a:hover{ color:#f00}
.part5 .R ul li .txt .sub{overflow: hidden;font-size: 12px;color: #666; line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:48px;}


.linkbox{width:100%; min-width:1200px; overflow:hidden; padding:20px 0; background:#0097d6; color:#fff; line-height:22px}
.linkbox span{ font-size:16px; margin-right:18px; font-weight:600px; float:left; display:block}
.linkbox .con{ float:left; width:1000px; overflow:hidden}
.linkbox .con a{ color:#fff; margin-right:20px; font-size:14px; display:block; float:left}


.footerbox{ width:100%; min-width:1200px; overflow:hidden; padding:50px 0; background:#26272b}
.footerbox .foot_1{ float:left; padding-top:40px; overflow:hidden; width:360px; margin-right:100px}
.footerbox .foot_1 .tel{font-size: 12px;line-height: 24px;color: #ccc; background:url(../images/tel.jpg) left center no-repeat}
.footerbox .foot_1 .tel p{padding-left: 30px;}
.footerbox .foot_1 .tel span{padding-left: 30px; font-weight:bold; font-size:24px; line-height:30px;font-family: Arial, Helvetica, sans-serif;}
.footerbox .foot_2{ float:left; width:120px; overflow:hidden; margin-left:60px;}
.footerbox .foot_2 .tit{ height:48px; line-height:48px; font-size:14px; overflow:hidden}
.footerbox .foot_2 .tit p{ color:#fff}
.footerbox .foot_2 ul{ overflow:hidden}
.footerbox .foot_2 ul li{ height:30px; line-height:30px; font-size:12px;}
.footerbox .foot_2 ul li a{ color:#666}
.footerbox .foot_2 ul li a:hover{ color:#ff0}


.bottombox{width:100%; min-width:1200px; overflow:hidden; background:#1f2022; padding:20px 0;}
.bottombox .con{ font-size:12px; color:#999; line-height:30px}

.brandnavbox{width:100%; min-width:1200px; overflow:hidden; background:#f3f3f3; height:40px; line-height:40px;}
.brandnavbox .con{ padding-left:20px; background:url(../images/home.png) left center no-repeat; color:#2f2f2f}

.mainWarp{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0}
.mainLeft{ float:left;width: 260px;padding: 13px;border: 1px solid #ddd;}
.mainLeft .titbox{ background:#0097d6; padding:21px 0; overflow:hidden}
.mainLeft .titbox p{ text-align:center; font-size:27px; color:#fff;}
.mainLeft .titbox span{ text-align:center; color:#fff; text-transform:uppercase;}
.mainLeft ul.typebox{padding: 12px;margin-bottom: 13px;background-color: #fff;}
.mainLeft ul.typebox li{margin-bottom: 10px; height:44px; line-height:44px;}
.mainLeft ul.typebox li a{ padding:0 20px; font-size:18px; color:#333}
.mainLeft ul.newsul{ overflow:hidden;padding: 12px;}
.mainLeft ul.newsul li{ border-bottom:1px solid #e6e6e6;height: 36px;line-height: 36px;}
.mainLeft ul.newsul li a{ background:url(../images/icon.png) left center no-repeat; color:#666;padding-left: 15px;}
.mainLeft ul.newsul li a:hover{color: #0097d6;font-weight: bold;}
.mainLeft .lxwmbox{padding: 12px;line-height: 2;font-size: 14px;color: #666; overflow:hidden}
.mainLeft .lxwmbox .conbox{}

.mainRight{ float:right; width:890px; overflow:hidden}
.mainRight .tit{height: 44px;line-height: 44px;font-size: 20px;color: #545454;border-bottom: 1px solid #ebebeb;}
.mainRight .tit p{ float:left; border-bottom:1px solid #0097d6}

ul.piclistul{ overflow:hidden;padding-left: 5px;padding-top: 10px; padding-bottom:20px;}
ul.piclistul li{ float:left; width:205px; height:210px; overflow:hidden; margin-top:20px; margin-right:20px;}
ul.piclistul li:nth-child(4n){ margin-right:0}
ul.piclistul li a{ display:block}
ul.piclistul li .proimg{ width:205px; height:160px; overflow:hidden;}
ul.piclistul li .proimg img{ display:block;width:205px; height:160px;transition: all 0.5s;}
ul.piclistul li p{ text-align:center; height:50px; line-height:50px; font-size:15px; color:#666;transition: all 0.5s;}
ul.piclistul li:hover .proimg img{transform: scale(1.1);}
ul.piclistul li:hover p{ color:#fff;background:#0097d6}


ul.listul{ overflow:hidden; padding-bottom:20px;}
ul.listul li{font-size: 14px; padding: 20px 0;border-bottom: #dddddd 1px dotted; overflow:hidden}
ul.listul li .txt{margin-bottom: 20px; overflow:hidden;height: 30px;line-height: 30px;}
ul.listul li .txt a{ float:left; padding-left:14px; font-size:16px; background:url(../images/icon.png) left center no-repeat; color:#444; max-width:650px;}
ul.listul li .txt span{ float:right;font-size: 14px;}
ul.listul li .sub{font-size: 14px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:48px;}
ul.listul li .txt a:hover{ color:#0097d6}


.detailbox{ padding-top:20px; overflow:hidden}
.detailbox .xq{}
.detailbox .xq h1{line-height: 34px;color: #434343;margin-bottom: 15px;text-align: center;font-size: 24px}
.detailbox .xq .date{ text-align:center;font-size: 14px;}
.detailbox .xq .con{padding: 15px 0;line-height: 28px;color: #2F2F2F;font-size: 14px;}
.detailbox .xq .con p{}
.detailbox .xq .prroimg{ overflow:hidden; padding-top:15px}
.detailbox .xq .prroimg img{ display:block; margin:0 auto; max-width:100%}


.tjbox{ overflow:hidden; margin-top:15px;}

.tjbox ul.ul_1{ overflow:hidden; padding-top:15px}
.tjbox ul.ul_1 li{ float:left;font-size: 14px; width:420px; height:40px; line-height:40px;border-bottom: #dddddd 1px dotted;}
.tjbox ul.ul_1 li:nth-child(2n){ float:right}
.tjbox ul.ul_1 li a{float:left; padding-left:14px; font-size:16px; background:url(../images/icon.png) left center no-repeat; color:#444; max-width:255px;}
.tjbox ul.ul_1 li span{ float:right;font-size: 14px;}
.tjbox ul.ul_1 li a:hover{ color:#0097d6}

.tjbox ul.ul_2{}
.tjbox ul.ul_2 li{ float:left; width:205px; height:210px; overflow:hidden; margin-top:20px; margin-right:20px;}
.tjbox ul.ul_2 li:nth-child(4n){ margin-right:0}
.tjbox ul.ul_2 li a{ display:block}
.tjbox ul.ul_2 li .proimg{ width:205px; height:160px; overflow:hidden;}
.tjbox ul.ul_2 li .proimg img{ display:block;width:205px; height:160px;transition: all 0.5s;}
.tjbox ul.ul_2 li p{ text-align:center; height:50px; line-height:50px; font-size:15px; color:#666;transition: all 0.5s;}
.tjbox ul.ul_2 li:hover .proimg img{transform: scale(1.1);}
.tjbox ul.ul_2 li:hover p{ color:#fff;background:#0097d6}