﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:656px;width:100%; position:relative; z-index:1; margin-top:1px;}
.banner .bd,.banner .bd li{width:100%; height:656px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:656px;}
.banner .bantil{ width:190px; height:50px; position:absolute; bottom:0;left:50%; margin-left:-70px; z-index:8;}
.banner .bantil li{ width:45px; height:10px; float:left; display:inline; text-align:center; font-size:16px; margin:10px 3px 0 0;background:#222; line-height:10px;}
.banner .bantil li.on{background:#d50c0c;}

.sou{ height:75px; border-bottom:1px solid #ebebeb;overflow:hidden;}
.sou p{ font:14px "Microsoft YaHei"; color:#555; font-weight:bold; width:700px; text-transform:uppercase; line-height:75px; height:75px; float:left; overflow:hidden;}
.sou p a{ display:inline-block; padding:0 14px; color:#555;font-weight:normal;}
.sou p a:hover{ color:#666; text-decoration:underline;}
.sou1{ margin-top:16px;float:right; height:440px; height:40px; border-bottom:1px solid #ccc;}
.sou1 .ip01{width:400px; height:40px;background:none;outline:none; border:0; color:#666; font:12px "Microsoft YaHei"; line-height:40px; overflow:hidden;}
.sou1 .ip02{ width:40px; height:40px; background:url(../images/sou.png) no-repeat right center;border:0; outline:none; cursor:pointer;}

.yinz{ height:585px; margin-top:60px; overflow:hidden;}
.yinz dl{ height:367px; background:#f4f4f4; overflow:hidden;}
.yinz dt{ width:578px; height:367px; overflow:hidden; float:left;}
.yinz dt img{ display:block;width:578px; height:367px;}
.yinz dd{ width:550px; padding:40px 40px 0 0; float:right;}
.yinz dd h3{ font:50px "Microsoft YaHei"; font-weight:bold; color:#e83018;}
.yinz dd h3 em{ color:#25323a; font-weight:normal;}
.yinz dd h3 span{ display:block; font:28px "宋体" ; color:#25323a; border-bottom:1px solid #e2e3e4; padding-bottom:12px; margin-bottom:12px;}
.yinz dd p{ font:14px "Microsoft YaHei"; line-height:29px; color:#666; height:116px; overflow:hidden;}
.yinz ul{ height:93px; margin-top:60px; overflow:hidden; border-left:1px solid #e9e9e9;}
.yinz li{ width:398px; float:left; border-right:1px solid #e9e9e9; height:93px; overflow:hidden;}
.yinz li em{ display:block; width:135px; text-align:center; float:left;border-right:1px solid #e9e9e9; font:38px Arial; font-weight:bold; color:#9f9d9c; margin-top:25px;}
.yinz li span{ display:block; width:37px; height:38px; border:1px solid #f4f4f4; overflow:hidden; float:left; margin:26px 20px 0 30px;}
.yinz li span i{ display:block;width:37px; height:38px;}
.yinz li span b{display:block;width:37px; height:38px;}
.yinz li img{display:block;width:37px; height:38px;}
.yinz li p{ font:18px "Microsoft YaHei"; font-weight:bold; color:#221815; margin-top:25px;}
.yinz li p i{ display:block; font:12px Arial; color:#666; text-transform:uppercase; padding-top:5px;}
.yinz li:hover p,.yinz li:hover p i{ color:#d50c0c;}
.yinz li:hover span{ border:1px solid #d50c0c;}
.yinz li:hover span i{ display:none;}
.yinz li:hover em{ color:#e99b9b;}

.tit{ height:97px; text-align:center; overflow:hidden; font:37px "Microsoft YaHei"; font-weight:bold; color:#d50c0c;}
.tit a{ display:block; color:#d50c0c;}
.tit em{ display:block; font:20px Arial; color:#979797; text-transform:uppercase; padding-top:6px;}

.pro{background:url(../images/pro_bg.gif) repeat-x center top; padding-top:75px;height:960px;overflow: hidden;}
.fen{ margin-bottom:20px; height:auto; background:#fff; overflow:hidden; border:1px solid #d9d9d9;}
.fen p{ height:82px; border-bottom:1px solid #d9d9d9; width:auto; float:left;}
.fen p em a{ display:block; width:180px; height:82px; overflow:hidden; background:#f3f3f3; font:18px "Microsoft YaHei"; line-height:82px; color:#333; float:left; text-align:center;}
.fen p em a:hover{color:#fff; background:#d50c0c; font-weight:bold;}
.fen p:nth-child(1) em a,.fen p .cur a{ color:#fff; background:#d50c0c; font-weight:bold;}
.fen p span{ display:block; float:left; font:16px "Microsoft YaHei"; line-height:82px; color:#666;}
.fen p span a{ display:block; float:left; color:#666; padding:0 27px;}
.fen p span a:hover{ font-weight:bold; color:#d50c0c;}
.fen p:last-child{ border:0;}
.pro1{ height:453px; overflow:hidden; margin-bottom:20px; position:relative;}
.pro1 dl{ width:1200px; height:453px; overflow:hidden;}
.pro1 dt{ width:806px; height:453px; float:left; overflow:hidden;}
.pro1 dt img{ display:block;width:806px; height:453px;}
.pro1 dd{ width:302px; height:381px; padding:70px 40px 0 50px; border:1px solid #dadada; overflow:hidden;} 
.pro1 dd h3 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; overflow:hidden;}
.pro1 dd .prodd{ font:14px "Microsoft YaHei"; line-height:26px; color:#666; height:156px; overflow:hidden; margin:15px 0;}
.pro1 dd span a{ display:block; width:135px; height:40px; font:16px "Microsoft YaHei"; line-height:40px; border:1px solid #d50c0c; border-radius:0.2rem; text-align:center; color:#d50c0c;}
.arr01 a{ display:block; font:40px "宋体"; font-weight:bold; position:absolute; top:41%; left:0; width:40px; height:70px; color:#fff; background:#d50c0c; text-align:center; line-height:70px;}
.arr02 a{ display:block; font:40px "宋体"; font-weight:bold; position:absolute; top:41%; right:0; width:40px; height:70px; color:#fff; background:#d50c0c; text-align:center; line-height:70px;}
.procase{ height:130px; border:1px solid #ccc; overflow:hidden;}
.procase h2{width:180px; height:130px; overflow:hidden; background:#d50c0c; text-align:center; font:20px "Microsoft YaHei"; font-weight:bold; color:#fff; float:left;}
.procase h2 a{ display:block; color:#fff; padding-top:42px;}
.procase h2 em{ display:block; font:16px Arial; color:#ebaaaa; text-transform:uppercase; padding-top:5px;}
.procase p{ width:1018px; height:130px; float:left; overflow:hidden; position:relative; font:16px "Microsoft YaHei"; line-height:65px; color:#666;}
.procase p a{ display:inline-block; color:#666; width:252px; text-align:center;}
.procase p a:hover{ font-weight:bold; color:#d50c0c;}
.procase p:before{ content:""; position:absolute; top:50%; left:30px; height:1px; width:960px; border-bottom:1px dashed #d8d8d8;}

.hpzhi{ background:url(../images/hpzhi_bg.jpg) no-repeat center top; height:770px; overflow:hidden; padding-top:70px;}
.hpzhi2{ width:557px; float:right;}
.hpzhi h2{ position:relative; padding-bottom:30px; font:37px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.hpzhi h2 em{ display:block; font:20px Arial; color:#a8abac; padding-top:8px; text-transform:uppercase;}
.hpzhi h2:before{ content:""; position:absolute; bottom:0; width:120px; height:3px; background:#d50c0c;}
.hpzhi dl{ height:95px; margin-top:25px;width:557px; float:right;}
.hpzhi dt{ width:58px; height:58px; overflow:hidden; position:relative; float:left; margin-top:8px;}
.hpzhi dt em{ display:block;width:58px; height:58px; border-radius:58px; background:#fff;}
.hpzhi dt i{display:block;width:58px; height:58px; border-radius:58px; background:#d50c0c;}
.hpzhi dd{ width:480px; float:right;}
.hpzhi dd h3{ font:18px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.hpzhi dd p{ font:14px "Microsoft YaHei"; line-height:25px; height:50px; overflow:hidden; color:#a7aaab; padding-top:8px;}
.hpzhi dl:hover dt em{ display:none;}
.hpzhi dl:hover dd h3{ color:#d50c0c;}

.solve{ height:690px; overflow:hidden; margin-top:75px;}
.solvet{ width:292px; overflow:hidden; float:left;}
.solvet li{ width:292px; height:108px; margin-bottom:22px; font:20px "Microsoft YaHei"; font-weight:bold;}
.solvet li a{ display:block;width:262px; height:78px; background:url(../images/solve_bg02.jpg) no-repeat; color:#333; padding:30px 0 0 30px;}
.solvet li em{ display:block; font:14px Arial; color:#9e9e9e; text-transform:uppercase; padding-top:6px;}
.solvet li a:hover,.solvet .cur a{ color:#fff; background:url(../images/solve_bg01.jpg) no-repeat;}
.solvet li a:hover em,.solvet .cur em{ color:#ebaaaa;}
.solve2{ width:887px; height:499px; overflow:hidden; float:right;}
.solve2 dt img{ display:block;width:887px; height:499px;}
.solve2 dd{ width:887px; height:109px; background:rgba(0,0,0,0.6); position:absolute; bottom:0;}
.solve2 dd h3 a{display:block;font:20px "Microsoft YaHei"; color:#fff; height:40px; line-height:40px; overflow:hidden; width:685px; padding:5px 0 0 26px;}
.solve2 dd p{ width:685px; padding:0 0 0 26px; font:14px "Microsoft YaHei"; line-height:22px; color:#acacac; height:44px; overflow:hidden;}
.solve2 dd span a{ display:block; font:14px "Microsoft YaHei"; color:#acacac; position:absolute; top:45px; right:26px;}

.ys{ background:#f8f8f8; padding:70px 0 0 0;}
.yst{ height:270px; overflow:hidden;}
.yst ul{ width:1200px; margin:0 auto;} 
.yst li{ width:240px; float:left; text-align:center; font:24px "Microsoft YaHei"; line-height:68px;}
.yst li span{ display:block; width:168px; height:168px; margin:0 auto; position:relative; overflow:hidden;}
.yst li span em{display:block; width:168px; height:168px; background:url(../images/ys_bg01.png) no-repeat;}
.yst li span i{display:block; width:168px; height:168px; background:url(../images/ys_bg02.png) no-repeat; }
.yst li span img{display:block; width:60px; height:60px; padding:54px 0 0 54px;}
.yst li:hover,.yst .cur{ color:#d82f2f;}
.yst li:hover span em,.ys .cur span em{ display:none;}
.ys2{ height:527px; overflow:hidden;}
.ys2 dl{ height:527px; background:url(../images/ys_bg.jpg) no-repeat center top; overflow:hidden;}
.ys2 dt{ width:1200px; height:527px; margin:0 auto; overflow:hidden;}
.ys2 dt img{ display:block;width:1200px; height:527px;}
.ys2 dd{ width:1200px; height:120px; overflow:hidden; margin:-120px auto 0; position:relative; background:rgba(213,12,12,0.9);}
.ys2 dd h5{ width:145px; text-align:center; height:120px; font:60px Arial; color:#fff; line-height:120px; overflow:hidden; float:left;}
.ys2 dd h4{ width:870px; float:left; font:16px "Microsoft YaHei"; font-weight:bold; color:#fff; padding-top:20px;}
.ys2 dd h4 p{ font:16px "Microsoft YaHei"; line-height:26px; height:52px; overflow:hidden; padding-top:5px;}

.g_news{padding-top:75px;height:840px; background:#f8f8f8;}
.g_news h2{text-align: center;font-size: 40px;font-weight: bold;color: #057adc;height: 150px;}
.g_news h2 a{color: #057adc;}
.g_news h2 em{display: block;font-size: 20px;font-weight: normal;color: #666666;font-style: normal;}
.g_news .gsdt{float: left;width: 573px;}
.g_news .gsdt h3{height:24px;font-size: 22px;color: #333333;padding-left: 17px; margin-bottom:24px; border-left:3px solid #d50c0c; line-height:24px;}
.g_news .gsdt h3 a{color: #333333;}
.g_news .dttj{height: 472px;}
.g_news .dttj dt{width: 573px;height: 322px;overflow: hidden;margin-bottom: 24px;}
.g_news .dttj dt img{width: 573px;height: 322px;display: block;transition: all 0.3s linear 0s;}
.g_news .dttj dt:hover img{transform: scale(1.1);}
.g_news .dttj h4{height: 30px;line-height: 30px;margin-bottom: 25px;font-size: 18px;font-weight: bold;color: #222222;padding-left: 100px;position: relative;}
.g_news .dttj h4 a{color: #222222;}
.g_news .dttj h4 em{position: absolute;left:0;top:0;width: 96px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 18px;background: #d50c0c;border-radius: 50px;font-weight: normal;}
.g_news .dttj p{font-size: 14px;line-height: 22px;color: #4f4f4f;height: 44px;overflow: hidden;}
.g_news .dtlst{ background:#fff; padding:28px 25px;}
.g_news .dtlst li{background:url(../images/new_arr.gif) no-repeat 10px 12px;padding-left:25px;height: 30px;line-height: 30px;font-size: 14px;color: #555555; }
.g_news .dtlst li a{color: #555555;}


.g_news .newr{float: right;width: 575px;}
.g_news .bk{height: 334px;}
.g_news .bk h3{height: 24px;font-size: 22px;color: #333333;padding-left: 17px; margin-bottom:24px; line-height:24px;border-left:3px solid #d50c0c;}
.g_news .bk h3 a{color: #333333;}
.g_news .bk dl{height: 136px;}
.g_news .bk dt{width: 213px;height: 120px;overflow: hidden;float: left;margin-right: 20px;}
.g_news .bk dt img{width: 213px;height: 120px;display: block;transition: all 0.3s linear 0s;}
.g_news .bk dt:hover img{transform: scale(1.1);}
.g_news .bk dd{float: left;width: 333px;}
.g_news .bk h4{height:42px;line-height: 42px;overflow: hidden;font-size: 18px;color: #222222;margin-bottom: 8px; }
.g_news .bk h4 a{color: #222222;}
.g_news .bk p{font-size: 14px;line-height: 22px;color: #555555;height: 44px;overflow: hidden;}

.g_news .wdr{float: right;width: 336px;}
.g_news .wdr h3{height: 24px;font-size: 22px;color: #333333;padding-left: 17px; margin-bottom:34px; line-height:24px;border-left:3px solid #d50c0c;}
.g_news .wdr h3 a{color: #333333;}

.g_news .wdimg{float: left;width: 213px;height: 329px;overflow: hidden;}
.g_news .wdimg img{width: 213px;height: 329px;display: block;}

.g_news .wdlst dt{height: 22px;line-height: 22px;background:url(../images/faq_icon1.gif) no-repeat;font-size: 14px;color: #555555;padding-left: 38px;margin-bottom: 18px;}
.g_news .wdlst dt a{color: #555555;}
.g_news .wdlst dd{display: none;}
.g_news .wdlst dd p{padding-left: 38px;font-size: 14px;line-height: 22px;color: #555555;height: 44px;overflow: hidden;margin-bottom: 40px;}
.g_news .wdlst dl:hover dt,.g_news .wdlst .cur dt{background:url(../images/faq_icon2.gif) no-repeat;font-weight: bold;font-size: 18px;color: #222222;}
.g_news .wdlst dl:hover dd,.g_news .wdlst .cur dd{display: block;}

.about{ height:504px; padding-top:90px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}
.about .tit a{ color:#fff;}
.about dl{ height:407px; overflow:hidden; background:#fff;}
.about dt{ width:710px; height:407px; float:left; overflow:hidden;}
.about dt img{ display:block;width:710px; height:407px;}
.about dd{ width:385px; padding:55px 45px 0 0; overflow:hidden; float:right;} 
.about dd h3 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#2f2f2f;}
.about dd p{ font:15px "Microsoft YaHei"; line-height:23px; height:161px; overflow:hidden; margin:15px 0;}
.about dd span a{ display:block; width:166px; height:48px; font:15px "Microsoft YaHei"; text-align:center; line-height:48px; background:#d50c0c; color:#fff;}

.pic{ height:380px; margin-top:40px; overflow:hidden;}
.pict{ height:65px; overflow:hidden; position:relative; margin-bottom:24px; border-bottom:1px solid #ccc;}
.pict li{ font:16px "Microsoft YaHei"; line-height:65px; height:65px; float:left; font-weight:bold; margin-right:60px;}
.pict li a{ display:block; color:#666; font-weight:bold; height:62px;}
.pict li span{ display:block; width:34px; height:30px; float:left; overflow:hidden; position:relative; margin:15px 8px 0 0;}
.pict li span em{display:block; width:34px; height:30px;}
.pict li span i{display:block; width:34px; height:30px;}
.pict li img{display:block; width:34px; height:30px;}
.pict li a:hover,.pict .cur a{ color:#d50c0c; border-bottom:3px solid #d50c0c;}
.pict li a:hover em,.pict .cur em{ display:none;}
.more1 em a{ display:block; font:16px "Microsoft YaHei"; color:#293952; line-height:68px; overflow:hidden; position:absolute; top:0; right:0;}
.pic1 li{ width:270px;float:left; margin:0 38px 0 0; overflow:hidden;}
.pic1 li img{ display:block;width:270px; height:203px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pic1 li:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pic1 li em{ display:block; font:16px "Microsoft YaHei";line-height:50px; height:50px; color:#333; text-align:center; height:50px; overflow:hidden;}
.pic1 .pic2:nth-child(2) li:hover img{-webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -transform:scale(1,1);}
.arr03{ position:absolute; top:73px; left:-65px;}
.arr04{ position:absolute; top:73px; right:-65px;}

.link{ background:#f8f8f8; padding:25px 0; font:15px "Microsoft YaHei"; line-height:24px; font-weight:bold; color:#282828;}
.link a{ display:inline-block; font-weight:normal; padding:0 25px;}

/**/
.pro_bj{ height: 882px; overflow: hidden; background: url(../images/cpbg.jpg) no-repeat center top; padding-top:85px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 20px;}
.pro{position: relative; }
.cp_nav{ width: 1200px; clear: both; float: left; background: #fff; height: 68px;border-top:1px solid #d4d7da;border-bottom:1px solid #d4d7da;}
.cp_nav .clm{width:1200px; margin:0 auto;}
.cp_nav h3{height: 68px; text-align: center; font-size: 20px; color: #535353;position: relative; display: block; box-sizing: border-box; font-weight: normal; text-decoration: none; margin-bottom: 10px;width:200px;position: relative; float: left;padding-top:15px;}
.cp_nav h3 a{text-decoration: none;}
.cp_nav h3 em{display: block;font-size: 12px;color:#c8c8c8;}
.cp_lefts{position: absolute;left: 0;top:12px; width:70px; height: 44px; background: url(../images/cp_prev.png) no-repeat;}
.cp_rights{position: absolute;right: 0;top:12px; width:70px; height: 44px; background: url(../images/cp_next.png) no-repeat;}
.cp_nav h3.cur{background:#d50c0c; color: #fff; font-weight: normal;}
.cp_nav h3.cur a{color:#fff;}
.cp_nav h3.cur em{color:#d50c0c;}
.cp_nav h3.cur:after{content: "";position: absolute;bottom: -8px;left:50%;margin-left: -8px; width:16px; height: 8px; background: url(../images/curico.png) no-repeat;}
.clm_nr{height: 75px;}
.clm_nr p a{height: 75px; line-height:75px; text-align: left; font-size: 15px; color: #535353;position: relative; font-weight: bold; display: block;padding-left: 24px;background: url(../images/cpico.png) no-repeat left center; float: left;margin-right: 22px;}
.clm_nr p a:hover{background: url(../images/cpicocur.png) no-repeat left center; color:#d50c0c; }

.cp_nr{width: 1200px;margin:0 auto; overflow: hidden;}
.cp_nr li{ width: 393px; float: left; margin-right: 10px;}
.cp_nr li a{ text-decoration: none; }
.cp_nr li img{width: 393px; height: 434px; display: block;box-sizing: border-box;}
.cp_nr li span{ display: block; height: 52px; line-height: 52px;text-align: center; font-size: 14px; color: #565656;background: #fff; }
/* .cp_nr li:nth-child(3n){margin-right: 0;} */

.cp_nr li:hover{transform: translateY(-2px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}