@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul, li, ol{list-style:none;}
em ,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;outline:none;cursor:pointer;color:#666; transition:0.5s}
a:hover {text-decoration:none; color:#ff8c07;}
*{/*word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;*/}
body,textarea,pre,input{font:12px/1.2 tahoma,arial,sans-serif;}
input,textarea{margin:0;padding:0;outline:none;font-size:100%;vertical-align:baseline;}
textarea{resize:none;}
textarea, input[type="text"], input[type="password"] {background:white url(../images/common/input_bg_sd.png) 0 0 no-repeat;}
hr {border:none;height:1px;}

html,body{height:100%;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

.clearfix:after {content:"�020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {clear:both;zoom:1;}



.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage .current{ background:#C6DDF1}
.table_form td{ height:50px;}

body {
    font-family: "Microsoft YaHei";
}

.container{ width: 1200px;  margin:0 auto; }
.main{ width:1200px; margin:0 auto;}
.clearfix{ display: block; clear:both; display: block; }

.banner{ width:100%; min-width:1200px; z-index:  0;/*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}

.top{width:100%; min-width:1200px; background: #333333; height:35px;line-height: 35px;overflow: hidden;}
.top p{color: #b9b9b9;font-size: 13px;}

.logo{ width:1200px; margin:0 auto; overflow:hidden; }
.logo img{ }


.part1{width:100%; min-width:1200px;padding-top: 80px;padding-bottom: 50px;background: #f4f4f4; overflow:hidden}
.part1L{ float:left; width:648px; height:322px; overflow:hidden;color: #979797;line-height: 30px;}
.part1L img{ max-width:648px;overflow:hidden; height:73px; margin-top:12px;}
.part1L .con{padding-top: 30px; height:120px; overflow:hidden}
.more{ display: block; overflow: hidden; text-align:center; }
.more a{ width:130px; height:45px; line-height:45px; border:1px solid #c1c1c1; background:#fff url(../images/icon.png) center no-repeat; margin:30px auto;}
.part1R{ float:right;}
.part1R img{ width:492px; height:308px;width: 492px;padding: 6px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.part1L .con p{text-indent:24px;}

.part2{width:100%; min-width:1200px; background:url(../images/bg.jpg) center top no-repeat;font-size: 14px; line-height:24px; height:200px;color: #e9e9e9;}
.part2 .p2con{ width:724px;height:200px; margin-left:370px; overflow:hidden;}
.part2 .p2con .sub{margin: 35px 0; height:48px; overflow:hidden; text-align:center}
.part2 .p2con .phone{background: url(../images/line.png) center top no-repeat; text-align:center;padding-top: 28px;}

.part3{width:100%; min-width:1200px; background: #f6f6f6;}
.contitbox{background: url(../images/tit.png) center center no-repeat; width:1200px;height: 80px; overflow:hidden;line-height: 30px; padding:50px 0;}
.contitbox .tit{ text-align:center;font-size: 26px;padding-top: 5px;color: #1c2931;font-weight: bold;width:240px; margin:0 auto}
.contitbox .sub{ text-align:center;color: #36404b;text-transform: uppercase;padding-top: 8px;width:240px; margin:0 auto}
.part3 ul{ overflow:hidden}
.part3 ul li{ float:left; width:280px; background:#fff; border-radius:5px; border:1px solid #fff; margin:0 9px 18px}
.part3 ul li:hover{ border:1px solid #36404b}
.part3 ul li .proimg{ width:280px; height:220px; overflow:hidden;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.part3 ul li .proimg img{vertical-align:middle;height:220px; max-width:280px;}
.part3 ul li p{margin-top: 15px;border-top: 1px solid #f3f3f3;height: 55px;line-height: 55px;font-size: 18px;color: #161616;text-align: center; padding:0 10px}


.part4{width:100%; min-width:1200px;padding-bottom: 108px; background:url(../images/bg2.jpg) center top no-repeat;}
.contitbox.pr4 .tit,.contitbox.pr4 .sub{ color:#fff;}
.part4 ul{  overflow:hidden}
.part4 ul li{ margin-bottom:20px;float:left;margin-right: 42px; height: 228px;border-radius: 5px;width: 208px;padding: 0 30px;padding-top: 50px;background: rgba(255,255,255,0.7);text-align: center;}
.part4 ul li img{ display:block; margin:0 auto; height:76px; width:76px; overflow:hidden}
.part4 ul li h4{font-size: 17px;color: #333334;padding-bottom: 20px;padding-top: 10px;font-weight: normal;}
.part4 ul li .line{width: 32px;height: 2px; margin:0 auto;background: #333334;}
.part4 ul li .sub{line-height: 20px; height:42px; overflow:hidden;font-size: 12px;color: #707071;padding-top: 15px;}
.part4 ul li:nth-child(4n){ margin-right:0}


.part5{padding-bottom: 55px; width:1200px; margin:0 auto; overflow:hidden}
.part5 ul{ overflow:hidden}
.part5 ul li{margin-right:24px;margin-top: 30px;float: left; width: 382px;border: 1px solid #ececec;padding-bottom: 22px;border-top: 2px solid #122b87; overflow:hidden}
.part5 ul li:nth-child(3n){ margin-right:0}
.part5 ul li .date{border-bottom: 1px solid #ececec; width:100%; height:74px; overflow:hidden}
.part5 ul li .date p{width: 123px;height: 74px;line-height: 74px;float: right;color: #fff;background: #122b87;text-align: center;}
.part5 ul li .con{padding: 22px 15px;line-height: 24px;}
.part5 ul li .con .tit{font-size: 17px;color: #36404b;height: 24px;}
.part5 ul li .con .sub{color: #999;padding-top: 15px;height: 72px; overflow:hidden}
.part5 ul li .more{margin-top: 15px;margin-left: 15px;background: url(../images/more.png) 110px center no-repeat #36404b;padding-left: 25px;color: #f8f8f8;width: 110px;height: 40px; line-height: 40px; display:block;}



.linkboxs{width:100%; min-width:1200px;background: #122b87; color:#fff;padding: 22px 0;margin-top: 10px;}
.linkboxs span{ display:block;}
.linkboxs .con{ overflow:hidden}
.linkboxs .con a{margin-right: 10px; color:#fff; margin-bottom:10px}


.footerbox{ width:100%; min-width:1200px;font-size: 14px;color: #b7c0c7;padding: 30px 0;line-height: 28px;background: #36404b; overflow: hidden;}
.footerbox .telbox{padding-left: 55px; float:left; background:url(../images/tel.png) left center no-repeat; width:500px; overflow:hidden}
.footerbox .telbox p{font-size: 25px;color: #ffffff;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.footerbox .telbox span{font-size: 14px;color: #cee7fb;}
.footerbox .footbox{ float:right; max-width:650px; text-align:right; overflow:hidden}
.footbox p a{ color:#b7c0c7;}




.mainWarp{padding-bottom:80px;padding-top: 40px; width:1200px; margin:0 auto; overflow:hidden}
.mainLeft{ float:left;width: 250px; overflow:hidden}
.mainLeft .titbox{background: #bc2026;line-height: 65px;height: 65px;padding: 0 20px;}
.mainLeft .titbox p{font-size: 22px;color: #fff;}
.mainLeft .titbox p span{font-size: 14px;padding-left: 10px;}
ul.typeul{ background:#be3026; overflow:hidden; margin-bottom:30px}
ul.typeul li{ border:1px solid #bb3b26;line-height:45px;height:45px;padding: 0 20px;transition: all 0.5s;}
ul.typeul li a{ background:url(../images/icon2.png) left center no-repeat;background-size: 15px 15px;padding-left: 22px; color:#fff}
ul.typeul li:hover{ padding-left:25px;}
.lxwm{background: #f8f8f8;padding: 15px;line-height: 24px;}
.lxwm .con{}

.mainRihgt{ float:right;width: 910px; overflow:hidden}
.brandnavbox{border-left: 10px solid #bc2026; background:#f0f0f0; height:50px; line-height:50px; overflow:hidden}
.brandnavbox .con{ padding-left:15px;font-size: 16px;}

ul.piclistul{ overflow:hidden;padding:20px 0}
ul.piclistul li{ float:left;margin:5px 11px;overflow: hidden;width: 280px;}
ul.piclistul li:hover .proimg img{transform: scale(1.2,1.2)}
ul.piclistul li .proimg{width:278px; height:220px; overflow:hidden;_display:table;display:table-cell;text-align:center;vertical-align:middle;border-radius:5px; border:1px solid #ccc; }
ul.piclistul li .proimg img{vertical-align:middle;max-height:220px; max-width:278px;  transition:.5s;}
ul.piclistul li p{height:45px;line-height:45px;font-size:16px;color: #161616;text-align: center; padding:0 10px}
ul.piclistul li .proimg:hover{ border:1px solid #bc2026}


ul.listul{overflow: hidden;padding-top:20px;}
ul.listul li{line-height: 42px;border-bottom: 1px dashed #ccc; padding-bottom:8px}
ul.listul li a{  max-width:780px; font-size:18px; color: #000}
ul.listul li a em{padding-right: 5px;font-style: normal;}
ul.listul li span{ float:right; color:#666}
ul.listul li .sub{line-height: 22px;padding-left:12px;color: #666;font-size: 13px; height:45px; overflow:hidden}
ul.listul li a:hover{color: #bc2026;}


.detailbox{ overflow:hidden}
.detailbox .xq{}
.detailbox .xq h1{text-align: center;font-size: 18px;padding-top: 30px; font-weight:normal}
.detailbox .xq .date{ text-align:center; line-height:30px; padding-top:5px}
.detailbox .xq .con{line-height: 28px;overflow: hidden;padding: 25px 0;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:800px; padding-top:10px}
.detailbox .xq .con p{text-indent:30px;}
.detailbox .xq .con p img{ width:100%; display:block;}


.tjbox{ overflow:hidden}
.tjbox .titbox{padding:5px 0; height:30px; line-height:30px;overflow:hidden}
.tjbox .titbox p{font-size: 18px; }

.tjbox ul.ul1{ overflow:hidden;padding-bottom: 10px;}
.tjbox ul.ul1 li{float:left;width: 50%;border-bottom:1px solid #ccc;line-height: 40px; height:40px; overflow:hidden}
.tjbox ul.ul1 li a{ max-width:90%}
.tjbox ul.ul1 li a:hover{ color:#bc2026}

.tjbox ul.ul2{ overflow:hidden;}
.tjbox ul.ul2 li{float:left;margin:5px 11px;overflow: hidden;width: 280px;}
.tjbox ul.ul2 li .proimg{width:278px; height:220px; overflow:hidden;_display:table;display:table-cell;text-align:center;vertical-align:middle;border:1px solid #ccc;}
.tjbox ul.ul2 li .proimg img{vertical-align:middle;max-height:220px; max-width:278px;}
.tjbox ul.ul2 li p{height:30px;line-height:30px;font-size:14px;color: #161616;text-align: center; padding:5px 10px}
.tjbox ul.ul2 li p:hover{color: #bc2026;}
.tjbox ul.ul2 li .proimg:hover{border:1px solid #bc2026}





.pagebox{ text-align:center; padding-top:30px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{background:#bc2026; color:#fff}
.pagebox a.on{ background:#bc2026; color:#fff}


.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:#bc2026; 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}

.col-md-4 {
    width: 30.33333333%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.servic-box a {
    background: url(../images/link.png) bottom right;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.servic-box a span i:after {
    border-style: solid;
    border-width: 0 35px 20px 35px;
    border-color: transparent transparent #122b87 transparent;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    content: '';
    position: absolute;
    bottom: 36px;
    left: 0;
}
.servic-box a {
    display: block;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.servic-box a img {
    display: block;
    width: 100%;
    z-index: 998;
    position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.servic-box a span {
    background: #122b87;
    z-index: 999;
    display: block;
    color: #fff;
    line-height: 50px;
    text-align: center;
    position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.servic-box a span i {
    background: url(../images/icon1.png) center #122b87;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.servic-box a span i {
    display: block;
    width: 70px;
    height: 36px;
    line-height: 34px;
    font-size: 24px;
    color: #fcfcfc;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    position: absolute;
    left: 50%;
    top: -36px;
    margin-left: -35px;
}
.servic-box a span h4 {
    display: block;
    overflow: hidden;
    margin: 0;
    color: #fff;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    padding: 0 15px;
}
.servic-box a p {
    display: block;
    padding: 30px 25px 30px 25px;
    color: #999;
    margin: 0;
    line-height: 25px;
    border: 1px solid #ececec;
    border-top: 0;
}
.servic-box a p font {
    overflow: hidden;
    display: block;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}



/*-- nav --*/

.nav{ background: #112a87; position: relative; z-index: 10000000;   }
nav{
  width:1200px;height:50px;margin:0 auto;
}
nav ul li{list-style:none;width:120px;height:50px;float:left; line-height:50px;text-align:center;}
nav ul li a{font-size:14px; color:#fff;text-decoration:none;}
nav ul li a:hover{ color: #fff }
nav ul li:hover,.nav ul li.on{background:#e80015; }



nav .hid li{border:none;background:rgba(10,5,5,0.7);}
nav .hid li:hover{background:rgba(231,0,16,0.7);}

nav ul li ul{ position: relative; }
nav ul li ul li{height: 40px; line-height: 40px; }
nav ul li ul li a{ font-weight:normal; font-size:12px;}

nav .hid2{display:none;}
nav ul li:hover .hid2{display:block;-webkit-animation:aa 1s;-moz-animation:aa 0.5s;} /*调用动画函数，并且1S执行 */


/*--nav--*/







/*block14*/
.Box {position: relative; padding-bottom: 100px; background: url(../images/honor.jpg) no-repeat center top;}
.Box .container{ padding: 50px auto }
.Box .contitbox .tit{ color: #fff }
.Box .contitbox .sub{ color: #fff }
.Box .content {width: 1200px;margin: 0 auto;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 250px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .pimg{ width: 285px; height: 200px; overflow: hidden; }
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 200px;}
.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; color: #fff }
.Box .BoxSwitch {text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;
  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: #b15300;}





.nextpage{ margin:20px 0;  border:1px  solid #ccc;}
.nextpage p{ line-height: 30px;
 overflow: hidden;display:block;  font-size: 14px; font-weight: bold; color:#000 }
 .nextpage p a{ margin-left: 10px }