﻿@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{ height:45px; width:1200px; margin:0 auto; overflow:hidden}
.topbox p{line-height: 45px;font-size: 14px;color: #666;}

.logo{width:100%; min-width:1200px; overflow:hidden; padding:30px 0; background:#f1f1f1}
.logo img{ display:block; width:1200px;}

.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}

.nav{background:#0071bf;height:60px;width:100%; min-width:1200px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; width:120px; position: relative;}
.nav ul li:last-child{margin-right: 0;}
.nav ul li a{color:#FFF;display: block;height:60px;line-height: 60px; text-align:center}
.nav ul li a:hover,.nav ul li.on{ background:#02b29c; }
.nav ul li .navtwo{margin:0px;padding:0;position:absolute;z-index:999;display:none; background:#0071bf}
.nav ul li .navtwo a{display:block; min-width:120px;height:36px; line-height:36px; overflow:hidden; font-size:14px; text-align:center;color:#fff;}
.nav ul li .navtwo a:hover{background:#02b29c; display:block;}
.nav ul li:hover .navtwo{ display:block}

.contitbox{ width:1200px; margin:0 auto; overflow:hidden}
.contitbox p{ text-align:center; font-weight:bold;font-size: 38px;color: #333;}
.contitbox img{ display:block; margin:8px auto;}
.contitbox .sub{ text-align:center;font-size: 18px;color: #b3b3b3;}

.part1{ width:1200px; margin:0 auto; overflow:hidden; padding:60px 0}
.part1 .part1main{ padding-top:30px; overflow:hidden}
.part1 .part1main .L{ float:left; width:288px; background: #0071bf;padding-bottom: 20px;}
.part1 .part1main .L .titbox{ padding:20px 15px 0px 15px; overflow:hidden}
.part1 .part1main .L .titbox p{font-size: 24px;color: #fff; margin-bottom: 30px;background: url(../images/jia.jpg) no-repeat right center;}
.part1 .part1main .L .titbox span{color: #fff;font-weight: bold;font-size: 24px;margin-bottom: 10px;}

.part1 .part1main .L .ultype{padding:0 15px; overflow:hidden}
.part1 .part1main .L .ultype ul{background: #fff; overflow:hidden;padding: 10px 15px 0 15px; max-height:559px;}
.part1 .part1main .L .ultype ul li{}
.part1 .part1main .L .ultype ul li a{color: #fff;font-size: 15px;background: #0071bf;border-radius: 25px;padding: 6px 0px 6px 18px;margin-bottom: 8px;}

.part1 .part1main .L .lxwm{ padding:0 15px; overflow:hidden;}
.part1 .part1main .L .lxwm .conbox{ padding-top:20px; background:#fff; overflow:hidden; position:relative}
.part1 .part1main .L .lxwm .conbox img{ display:block; width:100%; max-width:100%}
.part1 .part1main .L .lxwm .conbox span{ width:100%; position:absolute; bottom:20px; left:0;font-size: 24px; text-align:center; font-weight:bold;color: #fff;}

.part1 .part1main .R{ float:right; width:888px;min-height: 500px; overflow:hidden}
.part1 .part1main .R ul{ overflow:hidden}
.part1 .part1main .R ul li{ float:left;width:278px;box-shadow: 0px 1px 10px 1px #ddd; margin-bottom:20px; margin-right:27px;}
.part1 .part1main .R ul li .proimg{width:278px; height:208px;}
.part1 .part1main .R ul li .proimg a{ display:block;width:278px; height:208px; overflow:hidden}
.part1 .part1main .R ul li .proimg a img{ display:block; width:278px; height:208px;transition: all 0.5s;}
.part1 .part1main .R ul li p{ text-align:center;font-size: 14px;color: #333; height:30px; line-height:30px; font-weight: bold;transition: all 0.5s;}
.part1 .part1main .R ul li:nth-child(3n){ margin-right:0}
.part1 .part1main .R ul li:hover .proimg a img{transform: scale(1.1);} 
.part1 .part1main .R ul li:hover p{ color:#0071bf}


.part2{padding: 40px 0;width:100%; min-width:1200px; overflow:hidden; background:url(../images/bg.jpg) no-repeat; background-size:100% 100%;background-attachment: fixed;}
.contitbox.contitboxfff p,.contitbox.contitboxfff .sub{ color:#fff}
.part2 ul{ padding-top:50px; overflow:hidden}
.part2 ul li{ float:left; width:276px; margin-right:30px;}
.part2 ul li .proimg{ width:276px; height:220px; overflow:hidden}
.part2 ul li .proimg img{ display:block;width:276px; height:220px;transition: all 0.5s;}
.part2 ul li p{ text-align:center; height:40px; line-height:40px; padding:0 15px;font-size: 15px;font-weight: bold; color: #fff;}
.part2 ul li .proimg img:hover{transform: scale(1.1);}
.part2 ul li:nth-child(4n){ margin-right:0}


.part3{padding: 40px 0; width:1200px; margin:0 auto; overflow:hidden;margin-top: 30px;}
.part3 .ys_1{ margin-top:50px; overflow:hidden; height:450px}
.part3 .ys_1 .L{ float:left; width:600px; height:450px; overflow:hidden}
.part3 .ys_1 .L img{ display:block;width:600px; height:450px}
.part3 .ys_1 .L .tit{text-align: right;font-size: 36px;color: #0071be;font-weight: bold;display: block;padding-left:30px}
.part3 .ys_1 .L .tit em{font-family: Arial black;font-size: 68px;font-style: normal;padding-left: 12px;}
.part3 .ys_1 .L .con{ overflow:hidden; height:285px; padding-left:30px}
.part3 .ys_1 .L .con p{font-size: 15px;text-align: right;color: #555;line-height: 48px;margin-top: 15px;padding-right: 25px;background: url(../images/icon.jpg) no-repeat right 13px;}

.part3 .ys_1.ys_2 .tit{ text-align:left; padding-left:0; padding-right:30px;}
.part3 .ys_1.ys_2 .con{padding-left:0; padding-right:30px;}
.part3 .ys_1.ys_2 .con p{padding-left: 25px; padding-right:0;background: url(../images/icon.jpg) no-repeat left 13px; text-align:left}



.part4{ width:100%; min-width:1200px; overflow:hidden;background:#f7f7f7;padding: 30px 0;margin-top: 40px;}
.part4con{ margin-top:30px; overflow:hidden}
.part4con .tit{ height:45px; line-height:45px; overflow:hidden; background:url(../images/line3.jpg) left bottom no-repeat}
.part4con .tit p{font-weight: bold;margin-bottom: 16px; font-size:18px;}

.part4con .L{ width:565px; float:left; overflow:hidden}
.part4con .L .onebox{ height:180px; overflow:hidden; padding-top:20px}
.part4con .L .onebox .newsimg{ float:left; width:240px; height:180px; overflow:hidden; }
.part4con .L .onebox .newsimg img{ display:block;width:240px; height:180px;}
.part4con .L .onebox .newstxt{ width:310px; float:right}
.part4con .L .onebox .newstxt a{font-size: 16px;color: #666;font-weight: bold;}
.part4con .L .onebox .newstxt .date{font-size: 13px; color: #999;display: block;margin-top: 10px;}
.part4con .L .onebox .newstxt .sub{line-height: 24px; height:96px; overflow:hidden;font-size: 14px;color: #666;margin-top: 10px;}
.part4con .L .onebox .newstxt a:hover{ color:#0071bf}

.part4con .L ul{ padding-top:5px; overflow:hidden}
.part4con .L ul li{ background:url(../images/icon.png) left center no-repeat; border-bottom:1px dashed #ddd; height:35px; line-height:35px; overflow:hidden}
.part4con .L ul li a{ float:left; padding-left:15px; max-width:400px;font-size: 14px;color: #333;}
.part4con .L ul li span{ float:right;font-size: 13px;color: #999;}
.part4con .L ul li a:hover{color:#0071bf}

.part4con .R{ float:right; width:565px; overflow:hidden}
.part4con .R ul{ overflow:hidden; padding-top:20px}
.part4con .R ul li{color: #545455;line-height: 21px;margin-bottom: 20px;}
.part4con .R ul li .wen{background: url(../images/wen.jpg) no-repeat left center;}
.part4con .R ul li .wen a{color: #333;padding-left: 28px;font-weight: bold;font-size: 14px;}
.part4con .R ul li .da{background: url(../images/da.jpg) no-repeat left 2px;padding-left: 28px;margin-top: 10px;line-height: 22px;color: #555;font-size: 14px; height:44px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}


.part5{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px}
.part5 .part5con{ margin-top:40px; overflow:hidden; margin-bottom:95px;}
.part5 .part5con .L{ width:570px; float:left; overflow:hidden}
.part5 .part5con .L .tit{font-family: Arial;color: #0071be;font-size: 54px;font-weight: bold; text-transform:uppercase}
.part5 .part5con .L .sub{font-size: 16px; margin-bottom: 10px;color: #000;padding-bottom: 15px;border-bottom: 1px solid #dadada;}
.part5 .part5con .L .con{line-height: 30px;color: #555;margin-top: 10px;font-size: 14px; height:90px; overflow:hidden}
.part5 .part5con .L a{display: block;text-align: center;width: 140px; padding: 7px 0px;color: #fff;border-radius: 15px;background: #0071bf;margin-top: 20px;transition: .5s;}
.part5 .part5con .L a:hover{background: #02b29c}
.part5 .part5con .R{ width:600px; height:360px; float:right; overflow:hidden}
.part5 .part5con .R img{ display:block;width:600px; height:360px;}

.part5 ul{ overflow:hidden; margin-top:50px;}
.part5 ul li{ float:left; width:228px; margin-right:15px}
.part5 ul li .proimg{_display:table;display:table-cell;text-align:center;width:220px; height:120px; padding:3px; border:1px solid #ddd;vertical-align:middle}
.part5 ul li .proimg img{vertical-align:middle;max-height:120px; max-width:220px;}
.part5 ul li:nth-child(5n){ margin-right:0}

.linkbox{width:100%; min-width:1200px; overflow:hidden; background:#005188;padding: 15px 0px;color: #95abc1;font-size: 13px; margin-top:70px;}
.linkbox span{ display:block; float:left;font-size: 16px;font-weight: bold;}
.linkbox .con{ float:left; width:1000px;}
.linkbox .con a{font-size: 14px;padding: 0 10px 0 5px;margin-bottom: 5px;display: inline-block;color: #95abc1;}


.footerbox{width:100%; min-width:1200px; overflow:hidden; background:url(../images/fbg.jpg) no-repeat top center #0071bf; padding:50px 0}
.footer_1{float:left; width:240px; overflow:hidden; margin-right:70px}
.footer_1 img{ display:block; max-width:100%; max-height:60px;margin-bottom:20px;}
.footer_1 .con{ overflow:hidden;font-size: 14px;color: #fff;line-height: 22px; border-top:1px solid #4e97c5; padding-top:20px}

.footer_2{ float:left; width:170px; margin-left:50px; overflow:hidden}
.footer_2 .tit{ margin-bottom:10px;}
.footer_2 .tit p{font-size: 14px;color: #fff;}
.footer_2 ul{ overflow:hidden}
.footer_2 ul li{ height:20px; line-height:20px; margin-bottom:10px;}
.footer_2 ul li a{ color:#fff; font-size:14px}

.footer_3{ float:right; width:150px; overflow:hidden}
.footer_3 img{ display:block; padding:10px; background:#fff; width:124px; height:124px; margin:0 auto;}
.footer_3 p{ text-align:center; color:#fff; font-size:14px; margin-top:10px}

.bottombox{width:100%; min-width:1200px; overflow:hidden; background:#005188;padding: 15px 0px;color: #fff;font-size: 12px; line-height:30px; text-align:center}

.brandnavBox{width:100%; min-width:1200px; overflow:hidden;height: 40px;background: #f3f3f3;margin-bottom: 20px;}
.brandnavBox .con{ line-height:40px; height:40px; overflow:hidden;font-size: 14px;color: #666;}


.maiWarp{ width:1200px; margin:0 auto; overflow:hidden; padding:10px 0}

.mainLeft{ float:left; width:288px;padding-bottom: 20px;}
.mainLeft .typebox{background: #fff;border-radius: 5px;}
.mainLeft .typebox .tit{ height:50px; line-height:50px; background:#0071bf; border-radius:5px 5px 0 0;}
.mainLeft .typebox .tit p{ color:#fff; padding-left:20px; font-size:24px}

.mainLeft .typebox ul{ border:1px solid #eee; overflow:hidden}
.mainLeft .typebox ul li{}
.mainLeft .typebox ul li .typeone{margin: 6px;box-shadow: 0px 1px 10px 1px #ddd;color: #333;height: 34px;line-height: 34px;}
.mainLeft .typebox ul li .typeone a{width:200px;height: 34px;line-height: 34px;float: left;padding-left: 30px;font-size: 15px;}
.mainLeft .typebox ul li .typetwo{padding: 4px 15px; overflow:hidden; display:none}
.mainLeft .typebox ul li .typetwo a{margin-top: 6px;box-shadow: 0px 1px 10px 1px #ddd;font-size: 14px;color: #333;height: 28px;line-height: 28px;padding-left: 50px;}
.mainLeft .typebox ul li .typeone .arrow{width:40px; float: right;height: 34px;display: inline-block;cursor:pointer;}
.mainLeft .typebox ul li .typeone .arrow.up{background:url(../images/arrow_d.png) no-repeat center;background-size: 16px;}
.mainLeft .typebox ul li .typeone .arrow.down{background:url(../images/arrow_u.png) no-repeat center;background-size: 16px;}
.mainLeft .typebox ul li .typeone:hover{background: #02b29c;}
.mainLeft .typebox ul li .typeone:hover a{ color:#fff;}
.mainLeft .typebox ul li .typetwo a:hover{background: #02b29c; color:#fff}

.mainLeft .newsbox{ padding:6px; overflow:hidden; margin-top:20px}
.mainLeft .newsbox .tit{line-height: 40px;border-bottom: 1px solid #ebebeb; overflow:hidden}
.mainLeft .newsbox .tit p{font-size: 22px;font-weight: normal;color: #545454;height: 40px;border-bottom: 1px solid #02b29c; float:left}

.mainLeft .newsbox ul{ overflow:hidden}
.mainLeft .newsbox ul li{color: #545455;border-bottom: 1px dotted #dddddd;background: url(../images/icon.png) no-repeat left 15px;line-height: 21px;padding: 10px 0px;padding-left: 14px;}
.mainLeft .newsbox ul li a{font-size: 14px;color: #333;}
.mainLeft .newsbox ul li a:hover{ color:#02b29c}

.mainRight{ float:right; width:888px; overflow:hidden}
.mainRight .titbox{ border-bottom:1px solid #ddd; height:45px; overflow:hidden}
.mainRight .titbox p{font-size: 22px;color: #0071bf;font-weight: bold;float: left;border-bottom: 3px solid #0071bf;padding-bottom: 12px;}


ul.piclistul{ overflow:hidden; margin-top:12px;}
ul.piclistul li{ width:280px; height:240px;float: left; overflow:hidden;box-shadow: 0px 1px 10px 1px #ddd; margin-right:20px; margin-bottom:20px;}
ul.piclistul li .proimg{width:280px; height:210px; overflow:hidden}
ul.piclistul li .proimg img{ display:block;width:280px; height:210px;transition: all 0.3s;}
ul.piclistul li:hover .proimg img{transform: scale(1.1);}
ul.piclistul li p{ text-align:center;font-size: 14px;color: #333; height:30px; line-height:30px; padding:0 10px;font-weight: bold;}
ul.piclistul li:nth-child(3n){ margin-right:0}
ul.piclistul li:hover p{color: #0071bf;}



ul.listul{overflow:hidden; margin-top:30px; padding:5px}
ul.listul li{padding: 15px;margin-bottom: 20px;padding-bottom: 20px;box-shadow: 0px 1px 10px 1px #ddd; overflow:hidden}
ul.listul li a{ display:block; overflow:hidden}
ul.listul li .L{ float:left; width:245px; height:185px; overflow:hidden}
ul.listul li .L img{width:245px; height:185px; display:block}
ul.listul li .R{ float:right; height:185px; width:580px; overflow:hidden}
ul.listul li .R .tit{font-size: 18px;color: #000;padding-top: 8px;}
ul.listul li .R .sub{font-size: 14px;color: #888; margin-top: 10px;line-height: 24px;height: 96px;overflow: hidden;}
ul.listul li .R .time{padding-left: 20px;font-size: 14px;color: #333;line-height: 30px;background: url(../images/time.png) no-repeat left center;background-size: 16px;margin-top: 10px;}
ul.listul li:hover{box-shadow: 0px 1px 10px 1px #0071bf;}
ul.listul li:hover .tit{ color:#0071bf;}


.detailbox{ width:1200px; margin:0 auto; overflow:hidden}
.detailbox .xq{ padding:10px; overflow:hidden;}
.detailbox .xq h3.tit{text-align: center;font-size: 28px;color: #333;font-weight: bold;margin-top: 20px;}
.detailbox .xq .date{border-bottom:1px dashed #e9e9e9;padding-bottom: 15px;margin-top: 10px; text-align:center; font-size:12px;color: #5a5a5a;}
.detailbox .xq .prroimg{ overflow:hidden; width:100%; margin-top:20px;}
.detailbox .xq .prroimg img{ display:block; margin:0 auto; max-width:100%}
.detailbox .xq .con{ overflow:hidden;margin-top:20px;padding-bottom:30px;}
.detailbox .xq .con p{font-size: 14px;color: #666;line-height: 24px;margin-top: 10px;}


.tjbox{ width:1200px; margin:0 auto; overflow:hidden}
.tjbox .titbox{margin-top: 20px;border-bottom: 1px solid #ddd; margin-bottom:10px;}
.tjbox .titbox p{width: 130px;height: 40px;display: block;text-align: center;line-height: 40px;font-size: 16px;color: #fff;background: #0071bf;border-radius: 5px 5px 0 0; font-weight:bold}

.tjbox ul.ul_1{ overflow:hidden; padding:15px 10px}
.tjbox ul.ul_1 li{ float:left; width:275px; height:250px; overflow:hidden; margin-right:26px;box-shadow: 0px 1px 10px 1px #ddd;}
.tjbox ul.ul_1 li:last-child{ margin-right:0}
.tjbox ul.ul_1 li a{ display:block}
.tjbox ul.ul_1 li .proimg{width:275px; height:210px; overflow:hidden}
.tjbox ul.ul_1 li .proimg img{ display:block;width:275px; height:210px;transition: all 0.3s;}
.tjbox ul.ul_1 li p{ text-align:center; padding:0 10px;font-size: 15px;font-weight: bold;color: #333; height:40px; line-height:40px;}
.tjbox ul.ul_1 li:hover .proimg img{transform: scale(1.1);}

.tjbox ul.ul_2{ overflow:hidden; padding:10px 0 30px}
.tjbox ul.ul_2 li{ background:url(../images/icon2.png) left center no-repeat; width:49%; margin-right:2%; float:left; line-height:30px; height:30px;}
.tjbox ul.ul_2 li:nth-child(2n){ margin-right:0}
.tjbox ul.ul_2 li a{ float:left; max-width:400px; padding-left:15px;font-size: 14px; color: #666;}
.tjbox ul.ul_2 li span{ float:right;font-size: 14px;color: #999;}
.tjbox ul.ul_2 li a:hover{color: #0071bf;}











































