@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; font-size:12px; line-height:1.4;color: #5a5a5a;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1200px; margin:0 auto;}
.main a{ color:#FFF;}

.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}


.logo{ width:1200px; margin:0 auto; overflow:hidden; min-height:20px; padding:20px 0}
.logo img{ width:1200px;}


.nav{ width:100%; min-width:1200px; height:60px; line-height:60px;background:#02A5EC; overflow:hidden}
.nav ul{ overflow:hidden}
.nav ul li{ float:left; width:160px; text-align:center}
.nav ul li a{ font-size:16px; font-weight:bold; color:#fff; display:block}
.nav ul li:hover{ background:#147AC1}
.nav ul li:hover a{ font-size:15px;}


.part1{ padding-top:30px; overflow:hidden; width:1200px; margin:0 auto}
.part1L{ float:left;width: 267px; overflow:hidden;}
.part1L .titbox{ background:#147AC1; height:100px; overflow:hidden}
.part1L .titbox p{text-align:center; font-weight:bold; font-size:30px; line-height:1.4; padding-top:20px; color:#fff;}
.part1L .titbox span{ text-align:center; color:#fff;font-size: 12px; text-transform:uppercase; line-height:1.4}
.part1L .titbox img{ display:block; margin:0 auto}
.part1L ul{width: 267px; overflow:hidden; background:#006BC3}
.part1L ul li{ padding:0 12px; height:60px; line-height:60px;}
.part1L ul li a{border-bottom: 1px solid #aaa;font-size: 16px; padding-left:15px;color: #eee;}
.part1L ul li:hover{ background:#000}
.part1L ul li:hover a{}

.part1R{ float:right;width: 911px; }
.part1R ul{ overflow:hidden}
.part1R ul li{ float:left; width:164px; overflow:hidden; margin-right:15px; margin-bottom:5px;}
.part1R ul li .probox{_display:table;display:table-cell;text-align:center;width:160px; height:190px; border:1px solid #ddd; padding:1px;vertical-align:middle}
.part1R ul li .probox img{max-height:190px; max-width:160px;}
.part1R ul li p{ text-align:center; padding:0 20px; height:40px; line-height:40px;font-size: 14px; color:#5a5a5a}
.part1R ul li:nth-child(5n){ margin-right:0}
.part1R ul li:hover .probox{ border:1px solid #006BC3}
.part1R ul li:hover p{ color:#006BC3}


.part2{width:100%; min-width:1200px; height:496px; overflow:hidden; background:url(../images/bg.jpg) no-repeat center center;margin-bottom: 60px; margin-top:20px;}
.part2 .p2L{ float:left; width:550px; height:460px; overflow:hidden; margin-top:35px}
.part2 .p2L img{width:550px; height:460px; overflow:hidden}


.part2 .p2R{ float:right; width:550px; padding:30px; overflow:hidden; margin-top:170px}
.part2 .p2R .titbox{ height:80px; overflow:hidden}
.part2 .p2R .titbox .tit{ float:left; width:264px;}
.part2 .p2R .titbox .tit h1{ clear:both;font-size: 30px; font-weight:bold; line-height: 42px; color:#fff}
.part2 .p2R .titbox .tit span{font-size: 12px; color:#fff;font-weight: normal; line-height:1.4}
.part2 .p2R .titbox a{ display:block; float:right;width: 150px;height: 41px;line-height: 41px; text-align:center; color:#fff; border:1px solid #fff; margin-top:10px }
.part2 .p2R .titbox a:hover{ background:rgba(28,69,135,1)}
.part2 .p2R .con{ height:180px; overflow:hidden; color:#fff;line-height:25px;font-size: 15px;}


.contitbox{  margin:0 auto; }
.contitbox p{ text-align:center;font-weight: bold; font-size:30px; color:#000; height:42px; line-height:42px;background:url(../images/titbg.jpg) center center;width:520px; margin:0 auto}
.contitbox span{ text-align:center; color:#5A5A5A; text-transform:uppercase;font-size: 12px; line-height:20px}
.contitbox .sub{ text-align:center;color: #5a5a5a; font-size:12px; padding-top:10px}


.part3{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:60px}
.part3 .p3L{ float:left; width:428px; height:445px; overflow:hidden; position:relative; padding-top:50px}
.part3 .p3L img{width:428px; height:445px; }
.part3 .p3L .con{ position:absolute; width:100%; background:rgba(0,0,0,0.4); left:0; bottom:0; padding:12px 0}
.part3 .p3L .con p{ padding:0 12px; font-size:14px; color:#fff; line-height:30px; font-weight:bold}
.part3 .p3L .con .sub{ padding:0 12px; font-size:14px; line-height:24px; color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.part3 .p3R{ float:right;padding-top:50px; width:753px; height:450px; overflow:hidden}

#tab{ height:50px; width:100%; overflow:hidden; background:url(../images/titbg.gif) repeat-x;}
#tab li.current{ background:url(../images/titbg2.gif) repeat-x}
#tab li{ width:120px; height:50px; line-height:50px; text-align:center; float:left; cursor:pointer}
#tab li a{ color:#5a5a5a; font-size:15px;}
#tab li.current a{ color:#fff}
#content ul{display:none}
#content ul li{border-bottom: 1px dashed #c6c6c6; padding:10px}
#content ul li a{ float:left; max-width:600px; color:#000; font-size:14px; line-height:30px;}
#content ul li span{ float:right; line-height:30px;}
#content ul li .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:12px; line-height:24px;color: #5a5a5a;}
#content ul li a:hover{color: #2c90ff;}

.part4{width:100%; min-width:1200px; overflow:hidden; }
.part4 .p4con{width:100%; min-width:1200px;overflow:hidden;height:400px;background:#000; margin-top:40px; padding-top:40px}
.part4 .p4con .p4L{ float:left; width:563px; height:335px; overflow:hidden;background:url(../images/bgl.png) no-repeat;}
.part4 .p4con .p4R{ float:right;width:563px; height:335px; overflow:hidden; background:url(../images/bgr.png) no-repeat;}
.part4 .p4con .item{ width:430px; margin-top:58px;padding-left:30px}
.part4 .p4con .item strong{ float:left; color:#07A0ED; font-size:25px; height:50px; line-height:50px; font-weight:bold}
.part4 .p4con .item  b{ float:left;height:50px; line-height:50px; max-width:370px; color:#07A0ED; font-size:25px; font-weight:bold}
.part4 .p4con .item .sub{ color:#666;font-size: 14px; line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-weight:bold}
.part4 .p4con .item:nth-child(2n){ margin-top:30px}


.part5{width:1200px; margin:0 auto; overflow:hidden; padding:35px 0}
.marqueeleft{width:1200px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;height:300px;overflow:hidden; padding-right:30px }
.marqueeleft li img{ height:300px}


.part6{width:100%;min-width:1200px;overflow:hidden;background:#434343; border-top:10px solid #02A5EC; padding-bottom:30px}
.part6_1{ width:350px; float:left; margin-right:50px; overflow:hidden; padding-top:10px}
.part6_1 p{ color:#D9D9D9; font-size:22px; line-height:66px;}
.part6_1 .sub{ color:#7A7A7A; font-size:14px; line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.part6_1 .line{ border-bottom:1px solid #028BCF; height:20px; width:40px}

.part6_2{ width:500px; float:left; padding-top:70px;}
.part6_2 .item{ float:left; width:50%; overflow:hidden; padding-bottom:15px}
.part6_2 .item p{ float:left; padding-left:5px; font-weight:bold; line-height:34px;font-size: 14px;color:#88929B; max-width:210px;}
.part6_2 .item img{ width:34px; height:34px; float:left; display:block}

.part6_3{ float:right; width:140px; overflow:hidden;padding-top: 30px;}
.part6_3 img{ width:140px; height:140px;}
.part6_3 p{ text-align:center; line-height:30px;color:#88929B; font-size:14px}


.footerbox{width:100%; min-width:1200px; overflow:hidden; background:#434343; border-top:1px solid #6B6B6B; text-align:center; padding:15px 0; font-size:12px; line-height:24px;color: #d9d9d9;}



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

.brandnavbox{ padding:15px 0; overflow:hidden; height:30px;}
.brandnavbox .con{ height:30px; line-height:30px; overflow:hidden; color:#666; font-size:14px}

.typebox{ padding-top:20px; overflow:hidden}
.typebox ul{ overflow:hidden;}
.typebox ul li{ height:54px; line-height:54px; background:#2495E4; float:left; margin:5px}
.typebox ul li a{ color:#fff; font-size:16px; padding:0 20px}
.typebox ul li:hover{ background:#147AC1}


ul.piclistul{ overflow:hidden; padding-top:50px;padding-bottom: 50px;}
ul.piclistul li{width: 250px;margin-bottom: 20px;margin-right: 20px;padding: 15px;border: 1px solid #EEEEEE; float:left}
ul.piclistul li:hover{box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px; border-color:#ccc}
ul.piclistul li .probox{height: 210px;width: 250px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
ul.piclistul li .probox img{max-height:210px; max-width:250px;}
ul.piclistul li p{ text-align:center;font-size: 18px; font-weight:bold; padding-top:11px;color: #434343;}
ul.piclistul li:nth-child(4n){ margin-right:0}


ul.listul{ overflow:hidden; padding:20px 0}
ul.listul li{ border-bottom:1px solid #e2e2e2; margin-bottom:10px; overflow:hidden; padding-bottom:15px;}
ul.listul li a{font-size: 17px; margin-bottom:5px; line-height:24px;color: #434343;font-weight: bold;}
ul.listul li span{font-family: arial; line-height:24px;font-size: 11px;color: #929292;font-weight: normal;}
ul.listul li .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:12px; color:#666; line-height:24px;}
ul.listul li a:hover{ color:#147AC1}


.detailbox{ padding:10px; overflow:hidden;}
.detailbox .xq{ padding-bottom:50px}
.detailbox .xq h1{font-size: 20px; line-height:34px; text-align:center;color: #147ac1;font-weight: bold;}
.detailbox .xq .date{font-size: 12px; text-align:center; line-height:46px; height:46px; overflow:hidden;color: #5A5A5A;}
.detailbox .xq .kuang{ border:1px solid #E5E5E5; background:#F5F5F5; height:24p; margin-bottom:10px}
.detailbox .xq .con{padding-top: 8px;min-height: 50px;font-size: 12px; line-height:24px;color: #5A5A5A;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:850px;}
.detailbox .xq .con p{ text-indent:2em; line-height:1.8;padding-top:10px}

.aboutbox{ padding:30px 10px; overflow:hidden}
.aboutbox .con{ padding-bottom:30px; font-size:14px; line-height:24px;}
.aboutbox .con p{ text-indent:2em; line-height:1.8; padding-top:10px}


.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px; list-style-type: none;}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px;float:left;list-style-type: none;}
.pagebox a:hover{ border:1px solid #2B2B2B; color:#2B2B2B}

.formBox{ width:390px; margin:0 auto; overflow:hidden; padding-top:20px}
.formBox .inputbox{ height:36px; line-height:36px; margin-top:36px;}
.formBox .inputbox label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox input{ width:305px; float:right; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}
.formBox .inputbox input.yzm{ float:right; width:172px}
.formBox .inputbox .yzmimg{ float:right; width:123px; height:36px; margin-left:10px}
.formBox .inputbox .btn1{ width:100px; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#fff; text-align:center; background:#02A5EC; float:left;border-radius:4px; cursor:pointer; outline:none; letter-spacing:1px; padding:0}
.formBox .inputbox2{ min-height:36px; line-height:36px; margin-top:36px; overflow:hidden}
.formBox .inputbox2 label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox2 label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox2 textarea{ width:305px; float:right; height:80px;line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}


.depian {
padding-top: 30px;
border-top: 1px solid #CCC;
margin-top: 40px;
font-size: 16px;
color: #02a5ec;
}
.syp {
float: left;
text-align: left;
}


.linkurl{line-height:35px; color:#88929B; margin-top:20px; font-size:13px;}
.linkurl a{ color:#88929B;}