@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:#666;transition: all 0.5s;}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #666;font-size: 14px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}
a:hover{color: #0d77e5;}

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

.topBox{width:100%; min-width:1200px; height:40px; line-height:40px; background:#f4f3f3; overflow:hidden}
.topBox .L{ float:left; max-width:600px;}
.topBox .L p{}
.topBox .R{ float:right; max-width:300px;}
.topBox .R a{ padding:0 10px;}

.logoBox{ width:1200px; margin:0 auto; overflow:hidden; padding:10px 0}
.logoBox img{ display:block; width:1200px;}

.nav{background:#0d77e5;height: 59px;width:100%; min-width:1200px;}
.nav ul li{float:left;display: inline;text-align: center;font-size: 16px; position: relative;}
.nav ul li:last-child{margin-right: 0;}
.nav ul li a{color:#FFF;display: block;height: 59px;line-height: 59px;padding: 0 38px;}
.nav ul li a:hover,.nav ul li.on{ background: #084f96; }
.nav ul li .navtwo{margin:0px;padding:0;position:absolute;z-index:999;display:none;}
.nav ul li .navtwo a{display:block;min-width:116px; max-width:260px; height:55px; line-height:55px; text-align:center;background:#0758b3;color:#fff;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nav ul li .navtwo a:hover{background:#0d77e5; display:block;height:55px;}
.nav ul li:hover .navtwo{ display:block}

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

.keyBox{height: 70px;width:100%; min-width:1200px; overflow:hidden;background: #edeeef;}
.keyBox .L{ float:left; width:800px; overflow:hidden; height: 70px; line-height:70px;}
.keyBox .L span{ float:left; display:block; color:#0d77e5}
.keyBox .L .con{ float:left; width:700px; overflow:hidden}
.keyBox .L .con a{margin-left: 15px;}
.keyBox .R{ float:right; width:280px; overflow:hidden}
.keyBox .R input[type=text]{width: 193px;height: 33px;border: 1px solid #eee;margin-top: 15px;padding-left: 3px;border-radius: 15px 0 0 15px;padding-left: 15px; outline:none; float:left}
.keyBox .R button{width: 53px;height: 35px; background:url(../images/ss.png) no-repeat; border:0;margin-top: 15px; float:left; cursor:pointer; outline:none}


.part1{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0}
.part1 .L{ float:left; width:300px; overflow:hidden}
.part1 .L .titbox{height: 70px;width: 270px;background: #007bdf;color: #FFF;padding: 20px 0 0 30px;}
.part1 .L .titbox p{font-size: 28px;font-weight: bold;}
.part1 .L .titbox span{}
.part1 .L ul{padding-top: 12px;margin-bottom: 20px; overflow:hidden; }
.part1 .L ul li{ width:300px; height:58px; line-height:58px; background:url(../images/typebg.jpg) no-repeat;}
.part1 .L ul li a{padding-left: 58px; color:#666; font-size:16px}

.part1 .L .lxwm{width: 300px;height: 140px;background: url(../images/tel.jpg) no-repeat #e3e3e3;margin-top: 30px; overflow:hidden}
.part1 .L .lxwm p{margin-left: 160px;font-size: 16px;padding-top: 20px;color: #666;}
.part1 .L .lxwm span{color: #007bdf;font-size: 24px;padding-left: 120px;margin-top: 10px;}
.part1 .L .lxwm a{margin-left: 125px; display:block;margin-top: 10px;color: #007bdf;border: 1px solid #007bdf;width: 120px;height: 30px;line-height: 30px; text-align:center}
.part1 .L .lxwm a:hover{background: #007bdf;color: #FFF;}

.part1 .R{ float:right; width:860px; overflow:hidden}
.part1 .R .titbox{line-height: 45px;border-bottom: 1px solid #e1e1e1; overflow:hidden}
.part1 .R .titbox p{ float:left;font-size: 24px;color: #007bdf;border-bottom: 3px solid #007bdf;padding-bottom: 10px;font-weight: bold;}
.part1 .R .titbox a{ float:right; color:#666; line-height:60px;}

.part1 .R ul{ overflow:hidden; padding-top:20px}
.part1 .R ul li{ float:left; width:268px; height:228px; overflow:hidden; margin-right:27px; margin-bottom:10px;}
.part1 .R ul li .pro{width: 260px; display:block;height: 190px;padding: 3px;border: 1px solid #c1c1c1; overflow:hidden}
.part1 .R ul li .pro a{ display:block;width: 260px;height: 190px; overflow:hidden}
.part1 .R ul li .pro img{ display:block;width: 260px;height: 190px;transition: all 0.5s;}
.part1 .R ul li .txt{ height:30px; line-height:30px;}
.part1 .R ul li .txt a{ text-align:center;}
.part1 .R ul li:hover .pro img{transform: scale(1.1);}
.part1 .R ul li:hover .txt a{color: #0d77e5;}
.part1 .R ul li:nth-child(3n){ margin-right:0}


.part2{width:100%; min-width:1200px; overflow:hidden; background:url(../images/bg.jpg) repeat; padding-bottom:20px}
.part2 .titbox{ padding:30px 0; overflow:hidden}
.part2 .titbox .tit{ text-align:center;font-size: 30px;height: 50px; line-height:50px;font-weight: bold;}
.part2 .titbox .sub{ text-align:center;font-size: 14px;margin-top:14px;}
.part2 .titbox i{ display:block; margin:0 auto; background:#007bdf; width:30px; height:2px;}


.floatL{float: left; width:50px; height:50px; margin-right:43px; margin-top:60px;}
.floatR{float:right;width:50px; height:50px; margin-top:60px}
.subBox0{width:1030px;height:220px;overflow: hidden;float:left;}
.subBox0 ul{width:100000px;margin:0;padding:0;}
.subBox0 ul li{width:238px;height:205px;float: left;display:inline; margin-right:20px; overflow:hidden}
.subBox0 ul li .proimg{_display:table;display:table-cell;text-align:center;width: 230px;height: 167px;padding: 3px;border: 1px solid #c1c1c1;vertical-align:middle}
.subBox0 ul li .proimg img{vertical-align:middle;max-height:167px; max-width:230px;}
.subBox0 ul li p{ text-align:center; font-size:14px; color:#666; height:30px; line-height:30px;}
.subBox0 ul li:hover .proimg{border: 1px solid #0d77e5;}
.subBox0 ul li:hover p{color: #0d77e5;}



.part3{width:100%; min-width:1200px; overflow:hidden; background:url(../images/bg2.jpg) no-repeat; background-size:100% 100%}
.part3 img{ display:block; max-width:100%;}


.part4{ width:1050px; margin:0 auto; overflow:hidden; padding:50px 0}
.part4 .titbox{ padding:30px 0; overflow:hidden}
.part4 .titbox .tit{ text-align:center;font-size: 30px;height: 50px; line-height:50px;font-weight: bold;}
.part4 .titbox .sub{ text-align:center;font-size: 14px;margin-top:14px;}
.part4 .titbox i{ display:block; margin:0 auto; background:#007bdf; width:30px; height:2px;}

.part4_1{ float:left; width:415px; height:410px;overflow:hidden}
.part4_1 .titbox_1{ background:url(../images/line.jpg) bottom left no-repeat;color: #0256a4;overflow: hidden;padding-bottom:25px;margin-bottom: 20px; margin-top: 25px;}
.part4_1 .titbox_1 .l{ float:left; width:59px; height:59px; overflow:hidden}
.part4_1 .titbox_1 .l img{ display:block; width:59px; height:59px; border-radius:100%;}
.part4_1 .titbox_1 .r{ float:left; padding-left:20px; max-width:330px;}
.part4_1 .titbox_1 .r p{font-weight: bold;color: #007bdf;font-size:21px;}
.part4_1 .titbox_1 .r span{ color:#666; font-size:21px; }
.part4_1 .conbox{ height:75px; overflow:hidden}
.part4_1 .conbox p{font-size: 14px;color: #2d2d2d;line-height: 25px;background: url(../images/icon.jpg) no-repeat left 6px;padding-left: 20px;}

.part4_2{ float:right; width:510px; height:400px;overflow:hidden; margin-top:10px}
.part4_2 img{ display:block; width:510px;}

.part4_2.l{ float:left}
.part4_1.r{ float:right}


.part5{width:100%; min-width:1200px; overflow:hidden; background:url(../images/bg3.jpg) no-repeat; background-size:100% 100%; padding:50px 0}
.part5 .main{ overflow:hidden}
.part5 .L{ float:left; overflow:hidden;width: 491px;height: 357px;border: 12px solid #6bb0e7;}
.part5 .L img{ display:block;width: 491px;height: 357px;}
.part5 .R{ width:600px; float:right; overflow:hidden; color:#fff}
.part5 .R .tit{font-size: 40px;font-weight: bold;}
.part5 .R .sub{font-size: 30px;letter-spacing: 1px;}
.part5 .R .con{margin-top: 34px;line-height: 28px;padding-top: 10px; height:90px; overflow:hidden; color:#000}
.part5 .R a{ display:block; margin-top:40px;width: 182px;height: 39px; background: #FFF;text-align: center; color:#666;line-height: 39px;font-size: 16px;}
.part5 .R a:hover{color: #FFF;background: #0256a4;}


.part6{ width:1200px; margin:0 auto; overflow:hidden; padding:40px 0 20px;}
.newsBoxL{width: 585px; float:left;border: 1px solid #ececec;}
.newsBoxR{width: 585px; float:right;border: 1px solid #ececec;}
.part6 .titbox{border-bottom: 1px solid #ececec;height: 82px}
.part6 .titbox .l{ float:left; width:86px; height:82px; background:#007bdf}
.part6 .titbox .l img{ display:block; margin:0 auto; margin-top:20px}
.part6 .titbox .c{ float:left; max-width:350px; margin-left:20px;}
.part6 .titbox .c p{font-size: 18px;padding-top: 20px; color:#666;}
.part6 .titbox .c span{ text-transform:uppercase; font-size:12px; line-height:24px; color:#999}
.part6 .titbox .r{ float:right;margin-right: 20px;}
.part6 .titbox .r a{ line-height:82px; text-transform:uppercase; color:#666; font-size:14px;}
.part6 .titbox .r a:hover{color: #0d77e5;}

.part6 ul{ padding:25px 35px; overflow:hidden}
.part6 ul li{ height:45px; line-height:45px; border-bottom:1px dashed #ddd;}
.part6 ul li a{ float:left; max-width:380px; font-size:16px; color:#666; padding-left:5px}
.part6 ul li i{ display:block; float:left;width:5px; height:5px; background:#ff6d00; margin:20px 5px}
.part6 ul li span{ float:right; font-size:14px; color:#666}
.part6 ul li a:hover{color: #0d77e5;}


.linkbox{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:20px; padding-top:20px}
.linkbox span{ float:left; color:#666;font-weight: bold;font-size: 18px; height:20px; line-height:20px;}
.linkbox .con{ float:left; width:900px; padding-left:10px}
.linkbox .con a{margin-right: 15px; color:#666; line-height:20px; height:20px;}



.footerBox{ padding-top:30px; background:#333; overflow:hidden; padding-bottom:35px}
.footer_1{ float:left; width:240px; margin-right:20px;}
.footer_1 .tit{line-height: 50px; height:50px;font-size: 16px; margin-bottom: 10px; position:relative}
.footer_1 .tit p{ color:#fff;}
.footer_1 .tit:after{content: '';width: 20px;height: 2px;background: #666;position: absolute; left: 0;bottom: 0;}
.footer_1 ul{ overflow:hidden}
.footer_1 ul li{line-height: 25px;}
.footer_1 ul li a{ color:#999}
.footer_2{ float:right; width:150px; overflow:hidden}
.footer_2 p{ text-align:center; color:#fff;padding-bottom: 5px;font-size: 16px}
.footer_2 img{ width:150px; height:150px; display:block}
.footer_3{ margin:0 auto; text-align:center; padding-top:15px; color:#999; line-height:30px}



.mainRight{ float:right; width:860px; overflow:hidden}

.brandnavbox{ height:50px; border-bottom:1px solid #e1e1e1; overflow:hidden}
.brandnavbox p.ccsl{ float:left;font-size: 24px;color: #007bdf; line-height:38px;border-bottom: 3px solid #007bdf;padding-bottom: 10px; max-width:200px;}
.brandnavbox .con{ float:right; color:#666; max-width:300px; line-height:50px;}



ul.piclistul{ overflow:hidden; padding-top:20px}
ul.piclistul li{ float:left; width:268px; height:228px; overflow:hidden; margin-right:27px; margin-bottom:10px;}
ul.piclistul li .pro{width: 260px; display:block;height: 190px;padding: 3px;border: 1px solid #c1c1c1; overflow:hidden}
ul.piclistul li .pro a{ display:block;width: 260px;height: 190px; overflow:hidden}
ul.piclistul li .pro img{ display:block;width: 260px;height: 190px;transition: all 0.5s;}
ul.piclistul li .txt{ height:30px; line-height:30px;}
ul.piclistul li .txt a{ text-align:center;}
ul.piclistul li:hover .pro img{transform: scale(1.1);}
ul.piclistul li:hover .txt a{color: #0d77e5;}
ul.piclistul li:nth-child(3n){ margin-right:0}


.tjbox{}
.tjbox .titbox{border-bottom: 1px solid #e1e1e1;margin-bottom: 15px; height:40px; overflow:hidden}
.tjbox .titbox p{font-size: 18px;color: #007bdf;border-bottom: 3px solid #007bdf;line-height: 38px; float:left; max-width:200px}

.tjbox ul.ul_1{overflow:hidden; padding-top:10px}
.tjbox ul.ul_1 li{float:left; width:200px; height:190px; overflow:hidden; margin-right:20px}
.tjbox ul.ul_1 li .proimg{width:196px; display:block;height:156px; padding:1px;border: 1px solid #c1c1c1; overflow:hidden}
.tjbox ul.ul_1 li .proimg img{display:block;width: 196px;height: 156px;}
.tjbox ul.ul_1 li p{height:30px; line-height:30px; text-align:center; padding:0 10px;}
.tjbox ul.ul_1 li:nth-child(4n){ margin-right:0}
.tjbox ul.ul_1 li:hover .proimg{border: 1px solid #0d77e5;}
.tjbox ul.ul_1 li:hover p{color: #0d77e5;}

.tjbox ul.ul_2{overflow:hidden; padding-top:10px}
.tjbox ul.ul_2 li{height:35px; line-height:35px; border-bottom:1px dashed #ddd; float:left; width:49%; margin-right:2%}
.tjbox ul.ul_2 li i{display:block; float:left;width:5px; height:5px; background:#ff6d00; margin:15px 5px}
.tjbox ul.ul_2 li a{float:left; max-width:280px; font-size:14px; color:#666; padding-left:5px}
.tjbox ul.ul_2 li span{float:right; font-size:14px; color:#666}
.tjbox ul.ul_2 li a:hover{color: #0d77e5;}
.tjbox ul.ul_2 li:nth-child(2n){ margin-right:0}


.detailBox{ overflow:hidden}
.detailBox .xq{padding-top: 30px; padding-bottom:30px}
.detailBox .xq h1{ font-weight:normal;text-align: center;font-size: 24px;}
.detailBox .xq .date{text-align: center;font-size: 14px;padding: 15px 0;}
.detailBox .xq .con{ padding-top:10px;line-height: 25px;}
.detailBox .xq .prorimg{ width:100%; overflow:hidden; padding-top:10px;}
.detailBox .xq .prorimg img{ display:block; max-width:100%; margin:0 auto}


ul.listul{ overflow:hidden; padding-top:10px;}
ul.listul li{border-bottom: 1px solid #e1e1e1;padding: 15px 0;}
ul.listul li .tit{line-height: 36px; height:36px;font-size: 16px; overflow:hidden}
ul.listul li .tit i{display:block; float:left;width:5px; height:5px; background:#ff6d00; margin:15px 5px}
ul.listul li .tit a{float:left; max-width:600px; font-size:16px; color:#666; padding-left:5px; font-weight:bold}
ul.listul li .tit span{float:right; font-size:14px; color:#666}
ul.listul li .sub{ color:#999; font-size:14px; height:40px; line-height:20px; overflow:hidden}
ul.listul li .tit a:hover{color: #0d77e5;}