@charset "utf-8";
*{ margin:0 auto; padding: 0; font-family: Microsoft Yahei;}
ol,ul,li{ list-style:none; }
img{ border:0; display: block;}
a{text-decoration:none; outline:none; }
@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot?t=1465038464'); /* IE9*/
    src: url('../font/iconfont.eot?t=1465038464#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff?t=1465038464') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf?t=1465038464') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg?t=1465038464#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0;
    -moz-osx-font-smoothing: grayscale;
}
.icon-fangda:before { content: "\e600"; }
.icon-shangjiantou:before { content: "\e601"; }
.icon-bofang:before { content: "\e602"; }
.icon-qiche:before { content: "\e603"; }
.icon-tel:before { content: "\e604"; }
.icon-yuanquanjiahao:before { content: "\e60e"; }
.icon-zixun-copy:before { content: "\e605"; }
.icon-arrowleft:before { content: "\e606"; }
.icon-zuojiantou:before { content: "\e607"; }
.icon-youjiantou:before { content: "\e608"; }
.icon-jiantouyou:before { content: "\e609"; }
.icon-fangdajing:before { content: "\e60a"; }
.icon-wenhao:before { content: "\e60b"; }
.icon-icon36:before { content: "\e60c"; }
.icon-shejibi:before { content: "\e60d"; }
.w{ width:1200px;}
.w100{ width:100%;}
.w50{ width:49.9%;}
/*.fl{float:left;}
.fr{float:right;}*/
.oh{ overflow: hidden;}
.db{ display: block;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.c3{ color: #333;}
.cl{ color: #165572;}
.cl2{ color: #F8B300;}
.f14{font-size: 14px;}
.pr{ position: relative;}
.pa{ position: absolute;}
input{outline: none;}
/*.header{
    background: #e5e8f0;
    height: 100px;
}*/
.h:hover{ color: #F8B300; transition:.5s all;-webkit-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;}
.tran{transition:.5s all;-webkit-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;}
.scale:hover img{transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
.translate:hover{transform:translate(0,-5px);-webkit-transform:translate(0,-5px);-ms-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);}
.bs{-moz-box-shadow:0 0 10px #dbdbdb; -webkit-box-shadow:0 0 10px #dbdbdb;box-shadow:0 0 10px #dbdbdb;}
/*.logo{ width:89px; height:100px;}*/
/*.header-ul{
    width: 1200px;
    height: 100px;
    background: #e5e8f0;
}
.header-ul-li1{ width:411px;height: 100px;background: url(../images/index_04.jpg) no-repeat right center; padding: 20px 0;}
.header-ul-li1 span{  color: #333;font-size:16px;}
.header-ul-li1 p{  color: #165572;font-size:18px;    line-height: 30px;}
.header-ul-li2{ width:352px;height: 100px;font-size:12px;color: #7A7B7F; background: url(../images/index_04.jpg) no-repeat right center; line-height: 100px;  }
.header-ul-li2 a{color: #7A7B7F; padding: 0 10px;}
.header-ul-li3{ width:331px;height: 100px; padding:20px 0;}
.header-ul-li3 span{ color: #333;}
.header-ul-li3 span i{ 
    display: inline-block;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    background: #eac017;
    color: #e5e8f0;
    padding: 2px;
    font-size: 16px;
    margin-right: 7px;
    text-align: center;

}
.header-ul-li3 p{ font-size: 24px; line-height: 30px;}*/
/*.nav a{ height: 60px; line-height: 60px; border-bottom: 2px solid #fff; margin: 0 30px;}
.nav a:hover,.nav a.hover{ border-bottom: 2px solid #005881; color: #F8B300;}*/
.banner img{ width:100%;}
.search{left:0;bottom:0; background: url(../images/dian_03.png) repeat; height: 100px; }
 .search2-left{ width:993px; height: 60px; padding:20px 0; }
.search2-left a{font-size: 12px; color: #8A8C8F; padding: 0 30px;}
.search2-left1{border-top:1px solid #2e3137; border-bottom:1px solid #2e3137;}
.search2-left1 span.search2-left1span{ border-right:1px solid #2e3137;height: 55px; line-height: 55px;color: #fff; width:135px; font-size:12px; color: #fff;}
.search2-left1 .search2-left1div{ height: 55px; line-height: 55px;color: #fff; font-size:12px; }
.search2-left1 .search2-left1div a:hover{ color: #fff; transition:.3s all;-webkit-transition:.3s all;-ms-transition:.3s all;-o-transition:.3s all;-moz-transition:.3s all; }
.searchdiv{ height: 50px; width:270px; line-height: 50px;border-left:1px solid #2e3137;}
.searchdiv .textinput{ width: 80%; height: 100%; left:0;top:0;border:none;background: none; padding-left: 5px; color:#fff; }
.searchdiv .submitinput{ width: 20%; height: 100%; right:0;top:0;border:none;background: none; cursor: pointer;}
.searchdiv i{right:0;top:50%;margin-top: -10px; width:20px; height: 20px;    line-height: 20px;}
.banner-current{ width:150px; height: 100px; background: #F8B300; line-height: 100px;}
.banner-current span{ display: inline-block; width:10px; height: 10px; border-radius: 5px; background: #1b3978;}
.choicename{ font-size:22px; color: #005881; padding: 40px 0 25px; }

.choidiv{ background: #f0f0f0;}
.wrap{ height: 230px;}
.imgwrap{ width:1000%;}
.imgwrap a{margin-right:12px; width: 230px; }
.imgwrap a .img-p span{height: 160px;}
.imgwrap a .img-p{height: 173px;background: url(../images/index_21.jpg) no-repeat bottom center;}
.imgwrap a .tac.db{ height: 40px; line-height: 40px; color: #333;}
#left,#right{ background: url(../images/jl.png) no-repeat; width: 30px; height: 64px;top:50%; margin-top: -56px;}
#left{left:-32px; }
#left:hover{background-position:0 -149px ;}
#right{ background-position:0 -74px ;right:-30px; }
#right:hover{ background-position:0 -228px ; }
#p{ opacity: 0;}

.casediv{background: #f9fbfc  url(../images/bj_03.jpg) repeat-x top center; padding-bottom:60px;padding-top: 60px;}
.case{ padding:0 10px 20px;}
.caseleft{width: 232px;}
.caseleft a{height:92px;line-height: 92px; border-bottom:1px solid #e5e8f0; padding-left:30px; color: #333; background: #fff;}
.caseleft a i{ width: 30px; height: 30px; right:20px; top: 50%; margin-top: -15px; color: #fff;    line-height: 30px;}
.caseleft a.nav:hover{ background: #e87731;border-bottom:1px solid #e87731; color: #F8B300;}
.caseleft a.nav:hover i{ color: #000;}
.caseleft .one-a{ background: #F8B300; color: #fff;}
.caseleft .last-a{ background: #b2bcd2; color: #fff;}
.caseright{ width: 957px;display: none;}
.caseright:first-child{display: block;}
.caseright table{ border-collapse: collapse; border:1px solid #e5e8f0;}
.caseright table tr td{ height: 92px; line-height: 92px;}
.caseright table tr td.tal{font-size:14px; color:#999; padding-left:20px;}
.caseright table tr td a.ljxq{ color: #F8B300; height: 100%;width:139px;}
.caseright table tr td a.zxzx{ color: #fff; height: 100%; background: #e87731;}
.caseright_img{width:957px; height:464px;}
.lxdhdiv{ height: 200px; background: url(../images/index_31.jpg) no-repeat top center;}
.lxdh{ height: 160px; padding-left:400px; padding-top: 40px; width: 800px; line-height: 30px;}
.lxdh span{ font-size:20px; color: #000;}
.lxdh p{ color: #F8B300; font-size:24px; margin-top: 10px; font-weight:bold;}
.lxdh p span{color: #F8B300;font-size:16px; font-weight:normal;}
.ytglcpdiv{ padding-top: 50px;padding-bottom: 40px;margin:0 auto;}
.ytglcpleft{ width:232px;}
.ytglcpleft ul{ padding: 0 20px; border-radius: 3px; border:1px solid #dfe3ec; margin-bottom: 22px;}
.ytglcpleft ul li.pr{ height: 34px; border-bottom:1px dashed #c1c1c1; padding:10px 0;margin-bottom: 5px;}
.ytglcpleft ul li.pr p{ left:-20px; border-left:1px solid #fff; height: 30px; line-height: 30px; width: 100%; padding-left:20px;}
.ytglcpleft ul li.pr p a{ color: #333; margin-right: 10px; font-size:14px;}
.ytglcpleft ul li.pr:hover p{border-left:1px solid #e87731;}
.ytglcpleft ul li.pr:hover p a{ color: #e87731;}
.ytglcpleft ul li.ytglcpul-li{width:212px; position: relative; margin-left: -21px; background: #F8B300;color: #fff; font-size:18px;padding:0 0 0 20px ; height: 60px; line-height: 60px;}
.ytglcpleft ul li.ytglcpul-li i{ top:50%;right:40px;margin-top: -10px; height: 20px; line-height: 20px;}
.ytglcpleft ul li.ytglcpul-li a { color: #fff;}
.ytglcpright{ width:928px;}
.ytglcprightname{ height:40px; line-height: 40px; padding:10px; border:1px solid #e5e9f0;}
.ytglcprightname .span1{ border-right:1px solid #e5e9f0; padding:0 30px;font-size:18px; color: #005881;}
.ytglcprightname .span2{ padding:0 30px;font-size:18px; color: #c1c9db; }
.ytglcprightname a{ 
    padding: 0 20px;
    font-size: 14px;
    color: #005881;
    border-left: 1px solid #e5e9f0;
    text-transform: uppercase;
}

.ytglcprightcon{border:1px solid #e5e9f0;margin-top: 20px;}
.cp-ul{display: none;}
.cp-ul:first-child{display: block;}

.cp-ul li{border-right:1px solid #e5e9f0; width: 267px; height: 310px; padding:20px;cursor: pointer;}
.cp-ul li img{ max-width:100%;min-height: 100%;object-fit: cover;overflow: hidden;}
.cp-ul li .cp-img{ border-bottom:1px solid #e5e9f0; padding-bottom:20px;width: 267px;height: 269px;line-height: 269px;display: inline-block;}
.cp-ul li .cp-jj{ width:100%; height:100%; top:0;left:0; background: url(../images/png_03.png); opacity: 0;}
.cp-ul li .cp-jj:hover{opacity: 1;}
.cp-ul li .cp-jj p{ text-align: center; width: 100%; margin: 70px auto 20px; color: #fff;}
.cp-ul li .cp-jj a{ background: #fff; background: rgba(255,255,255,.5); width: 99px; height: 38px; line-height: 38px; color: #fff; opacity: .8;}
.cp-ul li .cp-jj a:hover{ opacity:1;}
.cp-ul li .cp-jj a.two-a{background: #e87731;; color: #000;}
.cp-jj-div{ padding: 0 40px;}
.fandiv{background: #f9fbfc  url(../images/bj_03.jpg) repeat-x top center; padding-bottom:80px; }
.fanname{ height:100px; padding: 50px;}
.fannameleft{ padding-top: 20px;}
.fannameleft span{font-size:18px; color:#000;}
.fannameleft p{font-size:24px;font-weight:bold;}
.fannameright span{width:100px; height:100px;line-height: 100px;font-size:22px;font-weight:bold; margin-left: 20px;}
.fannameright span.span1{ background: url(../images/fan_06.png) no-repeat center center;}
.fannameright span.span2{ background: url(../images/fan_03.png) no-repeat center center;}
.fannameright span.span3{ background: url(../images/fan_09.png) no-repeat center center; color: #fff;}
.fannameright span.span2:hover{ background: url(../images/fan_09.png) no-repeat center center;color: #fff;}
.fannameright span.span1:hover{ background: url(../images/fan_09.png) no-repeat center center;color: #fff;}
.fancon{ padding:5px 10px; margin:-10px auto;}
.fancon dt{ border:1px solid #f0f0f1; background: #fff; }
.fancon dt .dtdiv{padding:10px 0;}
.fancon dt .dtdiv .pp1{ width:100px; height:140px; background: #F8B300; left:30px; top:0; line-height: 140px; color: #e87731; font-size:40px; text-align: center;}
.fancon dt .dtdiv .pp2{ width:100px; height:140px; background: #F8B300; right:30px; top:0; line-height: 140px; color: #e87731; font-size:40px; text-align: center;}
.fancon dd{ width:45%; padding: 50px 0px 50px 20px;  letter-spacing:-1px;}
.fancon dd h6{ text-align: center; font-size:16px; margin-bottom: 30px; color:#F8B300;}
.fancon dd p{ padding-left: 30px; line-height: 36px;font-size:14px;}
.fancon dd .p1{ text-indent:-2em;}
.fancon dd .p1 span{ padding-right:25px; font-size:12px;}
.fancon dd .p2{ margin-bottom:20px;}
.fancon dd .p2 a{ padding-right:20px; }
.fancon dd p a{ font-size:14px;}
.ljxq{ background: #fafafb; border:1px solid #d0d0d0; line-height: 40px; height: 40px; color: #000;font-size:14px; padding:22px;}
.dc{ background: #fafafb; border:1px solid #d0d0d0; line-height: 40px; height: 40px; color: #000;font-size:14px; padding-top:22px;}
.caseright table tr td a.ljxq:hover{ background: #F8B300; color: #e87731;border:1px solid #F8B300;}
.ljxqdiv{ margin-top:30px;}
.fwlcdiv{ border-top:1px solid #e2e9ec;border-bottom:1px solid #e2e9ec;}
.fwlc li{ width:200px; height: 100px; text-align: center; padding:50px 0;}
.fwlc li.fwlc-li1{ background: url(../images/index_62.jpg) no-repeat center center; padding-left: 60px; width: 140px;}
.fwlc li.fwlc-li2{ background: url(../images/index_63.jpg) no-repeat center center;}
.fwlc li.fwlc-li3{ background: url(../images/index_64.jpg) no-repeat center center;}
.fwlc li.fwlc-li4{ background: url(../images/index_65.jpg) no-repeat center center;}
.fwlc li.fwlc-li5{ background: url(../images/index_66.jpg) no-repeat center center;}
.fwlc li.fwlc-li6{ background: url(../images/index_68.jpg) no-repeat right center;}
.fwlc li .onei{ color: #F8B300;font-size:40px;}
.fwlc li .twoi{ color: #7f7f7f;font-size:16px;}
.fwlc li p{ color: #333; font-size: 16px; line-height: 30px;}
.fwlc li h6.tal{font-size:18px;}
.fwlc li span.db.tal{line-height: 20px;font-size:12px; margin-bottom: 20px; color: #111;}
.fwlc li span.db.tal{line-height: 20px;font-size:12px; margin-bottom: 20px; color: #111;}
.fwlc li span.b{line-height: 20px;font-size:12px; margin-bottom: 10px; color: #333;}
.fwlc li i.a{ margin-right: 10px;}



/*.timediv,.time ul li{ background: url(../images/jb_03.jpg) repeat-x left top; height: 627px;}*/

.timename .top{padding:20px 0; margin-top: 50px;}
.timename .top a,.time ul li,#timeleft,#timeright{ background: url(../images/jl.png) no-repeat;}
.timename .top a{ background-position: 0 -654px; padding:13px 19px; color: #F8B300; font-size:24px; }
.timename  .p1{ color: #222; font-size: 20px;}
.timename  .p2{ color: #666; font-size: 12px;}
.time-ul-div{ height: 100%;}
.time{height: 485px;}
.time ul{ width: 100000%; padding-left:180px; }
.time ul li{background-position: 0 -473px; width:28px; height: 28px;margin-top:278px; cursor: pointer; margin-right: 180px; }
.time ul li dl{ width: 286px; height: 145px; margin-left: -143px;left:50%; border:1px solid #dcdcdc; background: #fff;}
.time ul li.base dl{ bottom:50px;}
.time ul li.even dl{ top:50px;}
.time ul li dl dt{ height: 75px; padding: 30px 0 0 50px;}
.time ul li dl dt span{ color: #005881; margin: 0 21px 0 -27px; font-weight: bold;}
.time ul li dl .dd1{ height: 40px; line-height: 40px; background: #dcdcdc; font-size:20px;}
.time ul li.base dl .dd2{ width: 0; height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent; border-top: 12px solid #dcdcdc; left:50%; margin-left: -6px;}
.time ul li.even dl .dd2{ width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent; border-bottom: 12px solid #dcdcdc; left:50%; margin-left: -6px;top:-12px;}

.time ul li.base:hover dl .dd2{ border-top-color: #e87731;}
.time ul li:hover dl .dd1{background: #e87731; color: #fff;}
.time ul li.even:hover dl .dd2{ border-bottom-color: #e87731;}
.time ul li:hover{background-position: 0 -507px;}
#timeleft,#timeright{ width: 48px; height: 48px;}
#timeleft{ background-position:0 -420px; left:-48px;top: 263px;}
#timeright{ background-position:0 -597px; right:-48px;top: 263px;}

.tpimg{ background: url(../images/bj2_02.jpg) no-repeat top center; height: 340px;}
.tpimgul{width: 1250px; padding:50px 0;}
.tpimgul li{ margin-left:24px; width:280px;}
.tpimgul li .div{ border:1px solid #acc1d3; padding: 7px 0;    height: 229px; background: #fff;}
.tpimgul li .tpname{ line-height: 40px; font-size: 16px;}
.tpimgul li:hover .div img{ transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
 a.two-a{background: #e87731;; color: #000;}
#marqueebox{ width:1200px; overflow:hidden; margin:0 auto;}
#marqueeson{ width:10000%;}
#marqueeson_cont{float:left;overflow:hidden;zoom:1;}
#marqueeson img{border:none;}
#marqueeson_hidden{float:left}

.dtname{ font-size:18px;height: 40px;margin-top: 40px;}
.dtname p{height: 40px; line-height: 40px; width:50%;}
.dtname a{ color: #333; height: 40px; line-height: 40px; width: 100px;}
.dtname a.current{ color: #F8B300;}




.dotleft{width:48%;}
.dotleft dl{ height: 98px; padding:10px; background: #ecf3f6; border-bottom:1px solid #fff;}
.dotleft dl dt{ width: 108px; height: 98px; border:1px solid #fff; background: #fff;}
.dotleft dl:hover dt img{transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);}
.dotleft dl:hover{ background: #F8B300;}
.dotleft dl:hover dd .h6,.dotleft dl:hover dd p{ color: #fff;}
.dotleft dl dd{ width: 428px;}
.dotleft dl dd .h6{ color:#333; font-size:16px; line-height: 40px;}
.dotleft dl dd p{ color:#999;font-size:14px;line-height: 20px;}
.dotleft dl dd.dd2{ width: 120px; background: #fff; right:-120px;top:0; padding:30px 0; height: 58px; opacity: 0;transform: translateX(-120px);-webkit-transform: translateX(-120px);-ms-transform: translateX(-120px);-moz-transform: translateX(-120px);-o-transform: translateX(-120px);}
.dotleft dl:hover dd.dd2{ opacity: 1;transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);}
.dotleft dl dd.dd2 .span1{ color: #E9BF31;font-size:24px; padding-left: 20px; }
.dotleft dl dd.dd2 .span2{ color: #333;font-size:12px; padding-left: 20px;}
.dotright{ width:569px; height:462px; padding:8px; border:1px solid #f5f5f5; display: none;}
.weida{ margin: 46px auto;}
.weida li{ padding-left:30px;}
.weida-li1{ width:160px; color: #000033;font-size:12px;}
.weida-li1 span{ color: #F8B300; font-size:18px; margin-left: -30px;}
.weida-li1 span i{margin-right: 10px;}
.weida-li2{ width:385px;}
.weida-li3{ width:557px;}
.leftop{ height: 100px; width: 2px; background: #dcdcdc;left:0;top:0;}
.weida li .p1{ color: #F8B300; font-size:14px; line-height: 30px; padding-left:40px;}
.weida li .p2{ color: #5c5c5c; font-size:14px; line-height: 30px;padding-left:40px;}
.weida li span.y{ width:20px; height:20px;text-align: center; line-height: 20px;font-size:16px; border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;
     margin-right: 10px; margin-top: 3px;}
.weida li .p1 span.y{border:1px solid #F8B300; margin-left: -30px;}
.weida li .p2 span.y{border:1px solid #5c5c5c; margin-left: -30px;}
.yqljdiv{border-top:2px solid #f1f1f1; padding:44px 0;}
.yqlj li{ padding-left:30px; height: 137px; padding-top: 20px;}
.yqlj li a{color: #333;}
.yqlj .yqlj-li1{ width:160px; color: #000033;font-size:12px;}
.yqlj .yqlj-li2{ width:385px; border-left:2px solid #ededed;border-right:2px solid #ededed;}
.yqlj .yqlj-li2 .yqlj-li2-div{ padding-left: 100px;}
.yqlj .yqlj-li2 .yqlj-li2-div span{ margin-left: -100px; text-transform: uppercase; color: #005881;font-size:18px;margin-right: 43px;}
.yqlj .yqlj-li2 .yqlj-li2-div a{ margin-right: 20px; display: inline-block;}
.yqlj .yqlj-li3{ width:557px;}
/*.yqlj .yqlj-li3 .dz a.fl{ font-size:18px; color: #F8B300;}
.yqlj .yqlj-li3 .dz a.fr{ font-size:16px; color: #333;}*/
.yqlj .yqlj-li3 ul{ margin-top: 20px;}
.yqlj .yqlj-li3 ul li{ width:27%; padding-left: 0;}
.yqlj .yqlj-li2 .sqlj{ color: #005881;font-size:14px;margin-top: 30px;}

/*.footer{ background: #F8B300;}
.footer ul{  background: url(../images/footer_03.jpg) no-repeat top center; height: 240px;}
.footer ul .footer-li1{     width: 190px;
    height: 200px;
    background: #fff;
    border-top: 3px solid #F8B300;}
.footer ul .footer-li1 p{ font-size:16px; margin-top: 10px;}
.footer ul .footer-li2{width:500px; padding:50px 80px;}
.footer ul .footer-li2 a{ font-size:14px; color: #fff; margin: 15px 20px; width:100px;}


.footer ul .footer-li3{ width: 320px; padding:30px 0;}
.footer ul .footer-li3 a{ margin: 0 10px 10px 0; width: 134px; height: 76px;}
.footer-li-pa{ width: 90px; height: 38px;bottom:0;right:0;}
*/
.paging{    height: 40px;
    line-height: 40px;
    padding: 10px;
    border: 1px solid #e5e9f0;text-align: center;margin-top: 20px;}
.paging li{display: inline-block;}
.paging li a,.paging li span{padding: 10px;margin: 5px}
.paging li span{background: #bbbbbb}
.paging li a{background: url(../images/png_03.png);color: #fff;transition: all 1s;}
.paging li a:hover{background: #e87731;}

/* .map{background: #f5f5f5} */
.map>div{width: 1200px;margin: 30px auto;padding-top: 30px;}
.map p{font-size: 36px;
    font-weight: 500;
text-align: center;
}

.widthmax{width: 100%;height: 500px;margin: 30px auto;}
.widthmax>div{width: 50%;float: left;overflow: hidden;}
.widthmax .contact{width:1920px;height: 500px;background: #f7f7f7;text-align: center;display:table-cell;vertical-align: middle;}
.widthmax .contact h5{color: #b20000;
    font-size: 45px;    font-weight: normal;}
.widthmax .contact p{color: #636363;font-size: 16px;line-height: 40px;}
.widthmax .message{width: 1920px;height: 500px;background: rgba(0, 0, 0, 0.8);display:table-cell;vertical-align: middle;text-align: center;}
.widthmax .message h5{    font-size: 36px;
    font-weight: 500;color: #fff;}
.line{
  margin: 10px auto;
    background-color: #b20000;
    width: 70px;
    height: 3px;}

.widthmax .message form{margin-top: 20px;padding: 0 20% 0 20%}

.widthmax .message .inputsmall{float: left;
width: 50%;}

.widthmax .message .inputmsg{
    float: left;
    width: 100%;
    margin: 20px 0;
}

.widthmax .message .inputmsg textarea {
    width: 485px;
    height: 100px;
}

.widthmax .message .inputmsg button{    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding: 0 29px;
    display: inline-block;
    background: #b20000;
    text-align: center;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    position: relative;
    z-index: 2;
    border: 0
}

.widthmax .message .inputmsg button:hover{
    background: #e87731;
}
.widthmax .message input,.widthmax .message textarea,.widthmax .message button{

   display: block;
   width: 200px;
   line-height: 24px;
   padding: 0px 19px;
   color: #c2c2c2;
   border: 1px solid #d0d0d0;
   height: 44px;
   background-color: #fff;
   border-radius: 5px;

   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.company{margin: 30px auto;padding: 20px;float: left;}
.company .companypic{float: left;overflow: hidden;}
.company .companypic img{transition: all 0.5s;width: 500px;height: auto;}
.company .companypic img:hover{transform: scale(1.3,1.3)}

.company .companymain{float: left;margin-left: 30px;}
.company .companymain .companytit{font-size: 36px;width: 36px;line-height: 36px;color: #b20000;position: relative;}
.company .companymain .companytit::after{
    content: "";
    width: 3px;
    height: 100px;
    background: #b20000;
    position: absolute;
    top: 160px;
    left: 17px;}

.company .companymain .companycont{font-size: 16px;color: #333;width: 560px;}

.companycase{float: left;width: 100%;margin: 0 auto;padding: 50px;}
.companycase p{text-align: center;}
.companycase .casepic{position: relative;width: 275px;}
.companycase .casepic .casepicdiv{height: 275px;width: 275px;overflow: hidden;}
/* .companycase .casepic:nth-of-type(4n){margin-right: 0} */
.companycase .casepic img{width: 275px;height:275px;object-fit: cover;transition: all 0.5s}
.companycase .casepic .casehover{
    text-align: center;
    width: 100%;
    height: 25px;
    background: #F8B300;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
    padding: 125px 0;
    position: absolute;
    top: 0;
    display: none;
    transition:all 0.5s;
    opacity: 0.8;
}
.companycase li:hover img{transform: scale(1.3,1.3)}
.companycase li:hover .casehover{display: block;}