@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; background:url(../images/bodybg.jpg) repeat}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

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


.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ 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}


.header{ width:100%; min-width:1200px; background:url(../images/topbg.jpg) repeat;border-top:8px solid #01377F; min-height:50px; overflow:hidden}
.header .logo{ width:1200px; margin:0 auto; overflow:hidden; padding:10px 0}
.header .logo img{ display:block; width:1200px;}


.nav{ background:#01377F;width:100%; min-width:1200px; height:48px; line-height:48px; overflow:hidden}
.nav ul{ overflow:hidden}
.nav ul li{ float:left;width: 133px; height: 48px; line-height:48px; background:url(../images/shadow.png) right center no-repeat;}
.nav ul li a{ display:block; text-align:center; color:#fff; font-size:16px;}
.nav ul li a:hover{ color:#FF0004}

.contitbox{height: 50px;line-height: 50px;border-radius: 10px;background: url(../images/cp.png) no-repeat 24px center #01377F;}
.contitbox p.ccsl{color: #dcebff;font-size: 20px;font-weight: bold;padding-left: 53px; float:left; max-width:250px}
.contitbox .more{float: right;margin-right: 45px;margin-top: 15px;}
.contitbox.ab{background:url(../images/ab.png) no-repeat 20px center;border-bottom:2px solid #DEE6F1;border-radius:0}
.contitbox.case{background:url(../images/case.png) no-repeat 20px center;border-bottom:2px solid #DEE6F1;border-radius:0}


.part1{ width:1200px; margin:0 auto;padding-top:35px; overflow:hidden; padding-bottom:40px}
.part1 .typebox{overflow:hidden;text-align: center; padding-top:12px}
.part1 .typebox a{background:#01377F;padding:0 25px;height:36px;line-height:36px;display:inline-block;color:#fff;font-size:16px;margin:8px 20px;}
.part1 ul{ overflow:hidden}
.part1 ul li{width:284px;margin:20px 8px 0px 8px; float:left; }
.part1 ul li img{width:280px;height:200px;border:2px solid #01377F;}
.part1 ul li p{line-height:42px; height:42px; text-align:center; background:#01377F; font-weight:bold;color:#dee6f1;font-size:18px;}
.part1 ul li:hover img{border:2px solid #FF9312;}
.part1 ul li:hover p{background-color:#FF9312;}


.part2{ width:100%; min-width:1200px;background:#01377F;padding: 35px 0px; overflow:hidden}
.part2con{ padding-top:30px; overflow:hidden}
.part2con img{ display:block; float:left; width:420px; height:320px;}
.part2con .con{width: 760px;float: right; max-height:324px; overflow:hidden}
.part2con .con p{color: #ffffff;font-size: 14px;line-height: 36px;text-indent: 2em;}


.part3{width:100%; min-width:1200px;padding: 35px 0px; margin-top:35px; background:url(../images/bg.jpg) no-repeat center center; overflow:hidden}
.marqueeleft{width:1200px;overflow:hidden; padding-top:20px}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;width:280px;overflow:hidden; margin:0 10px}
.marqueeleft li img{width: 276px;height: 191px;border: 2px solid #fff;}
.marqueeleft li p{ text-align:center;color: #dee6f1;font-size: 14px;margin-top: 15px;}


.part4{ width:1200px; margin:0 auto; padding-top:35px; overflow:hidden}
.part4 ul{ padding-top:20px; overflow:hidden; padding-bottom:40px}
.part4 ul li{width: 360px;float: left;margin: 0px 20px;}
.part4 ul li a{ float:left;height: 36px;line-height: 36px;padding-left: 10px;font-size: 13px; background:url(../images/icon.jpg) no-repeat left center; max-width:250px;}
.part4 ul li span{ float:right;height: 32px;line-height: 32px;font-size: 13px;}
.part4 ul li a:hover{color: #01377F;}


.footer{width:100%; min-width:1200px; background:#01377F; color:#dee6f1; padding:30px 0; overflow:hidden; padding:20px 0;color: #dee6f1; font-size:14px; line-height:30px; text-align:center}


.linkbox{width:100%; min-width:1200px;line-height:30px;background: #002556; overflow:hidden;padding: 10px 0;}
.linkbox span{color: #dcebff; float:left; display:block;}
.linkbox .con{ float:left; width:1110px; overflow:hidden}
.linkbox .con a{color: #fff;font-size: 12px;padding-left: 10px;display: inline-block;}


.mainWarp{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:35px}

.mainLeft{ float:left; width: 230px}
.mainLeft .typebox{}
.mainLeft .typebox .titbox{height: 40px;background: url(../images/icon.png) no-repeat 25px center #01377F;color: #ffffff;line-height: 20px;padding: 20px 0px 20px 70px;}
.mainLeft .typebox .titbox span{ display:block;font-weight: bold;font-size: 18px;}
.mainLeft .typebox .titbox p{font-size: 14px;}
.mainLeft .typebox ul{background: #EDEFF2; overflow:hidden;padding: 20px 0px;}
.mainLeft .typebox ul li{background-color: #fff; height:34px;line-height: 34px;margin-bottom: 10px;}	
.mainLeft .typebox ul li a{font-size:14px;font-weight:bold;background:url(../images/icon2.png) no-repeat 30px center;padding-left:50px;}
.mainLeft .typebox ul li a:hover{color: #01377F;}

.mainLeft .lxwmtit{background:#01377F url(../images/tel.png) no-repeat 20px center;color: #fff;margin-top: 10px;padding: 15px 0px;}
.mainLeft .lxwmtit span{padding-left: 60px;font-size: 14px;font-weight: bold;}
.mainLeft .lxwmtit p{padding-left: 60px;font-size: 16px;line-height: 30px;}
.mainLeft .lxwmcon{border: 1px solid #ccc;padding-left: 10px;line-height: 32px;margin-bottom: 10px;background: #fff;font-size: 14px;}
.mainLeft .lxwmcon .tit{color: #01377F;font-weight: bold;font-size: 14px;}
.mainLeft .lxwmcon .con{}

.mainRight{ float:right; width:950px; background:#fff}	
.brandnavbox{ background: #01377F;height: 36px;line-height: 36px; color: #fff;font-size: 14px;padding: 0px 10px;overflow:hidden}
.brandnavbox p.ccsl{ float:left; max-width:200px;height: 36px; padding-left: 15px;font-weight: bold;}
.brandnavbox .con{ float:right; max-width:350px;}

.listbox{border: 1px solid #ccc;background:#fff;border-top: none; padding-bottom:30px}

ul.piclistul{ overflow:hidden;font-size: 13px; padding: 10px; padding-bottom:20px}
ul.piclistul li{ float:left; width:222px; margin:5px}
ul.piclistul li .proimg{width: 220px; height:220px;border: 1px solid #ccc;_display:table;display:table-cell;text-align:center;vertical-align:middle}
ul.piclistul li .proimg img{vertical-align:middle;max-height:220px; max-width:220px;transition: all 0.6s;}
ul.piclistul li .proimg img:hover{transform: scale(0.9);}
ul.piclistul li p{ text-align:center;line-height: 32px;height: 32px;}



ul.listul{ overflow:hidden;padding:20px;font-size: 13px;}
ul.listul li{height:40px;line-height: 40px;border-bottom: 1px #D5D5D5 dotted;background: url(../images/cion01.gif) no-repeat left center;}
ul.listul li a{ float:left; max-width:730px;padding-left: 20px;color: #636363;font-size: 14px;}
ul.listul li span{ float:right}
ul.listul li a:hover{color: #01377F; font-weight:bold}



.detailbox{line-height: 30px;border: 1px solid #ccc;padding: 10px;border-top: none; border-bottom:0;font-size: 13px; padding-bottom:20px}
.detailbox .xq{ padding:0 10px}
.detailbox .xq .tittle{text-align: center;line-height:35px;font-size: 24px;font-weight: bold;margin-top: 20px;}
.detailbox .xq .date{margin-bottom: 10px; text-align:center}
.detailbox .xq .img{ display:block; margin:0 auto; max-width:780px; margin-bottom:10px} 
.detailbox .xq .con{font-size: 14px;}



.tjbox{ padding:15px;border: 1px solid #ccc; border-top:0}
.tjbox .titbox{height: 26px;line-height: 26px;border: #ccc 1px solid;margin-bottom: 10px;background: url(../images/icon.jpg) no-repeat 10px center;}
.tjbox .titbox p{padding-left: 20px;font-size: 14px;color: #000;}
.tjbox ul{ overflow:hidden}
.tjbox ul li{width: 48%;float: left;height: 40px;line-height: 40px;border-bottom: 1px #D5D5D5 dotted;margin-right: 2%;background: url(../images/cion01.gif) no-repeat left center;color: #333;}
.tjbox ul li a{ float:left; max-width:290px;padding-left: 20px; color: #333;}
.tjbox ul li span{ float:right;}
.tjbox ul li a:hover{color: #01377F;}



.tjbox2{ padding:15px;border: 1px solid #ccc; border-top:0}
.tjbox2 .titbox{height: 26px;line-height: 26px;border: #ccc 1px solid;margin-bottom: 10px;background: url(../images/icon.jpg) no-repeat 10px center;}
.tjbox2 .titbox p{padding-left: 20px;font-size: 14px;color: #000;}
.tjbox2 ul{ overflow:hidden}
.tjbox2 ul li{float:left; width:222px; margin:5px 0; margin-right:10px}
.tjbox2 ul li .proimg{width: 220px; height:220px;border: 1px solid #ccc;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.tjbox2 ul li:nth-child(4n){ margin-right:0}
.tjbox2 ul li .proimg img{vertical-align:middle;max-height:220px; max-width:220px;transition: all 0.6s;}
.tjbox2 ul li .proimg img:hover{transform: scale(0.9);}
.tjbox2 ul li p{ text-align:center;line-height: 32px;height: 32px;}