@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{font-family:'微软雅黑';color:#333; font-size: 14px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,label,img,th{vertical-align:middle;}
ul,li,ol,dd,dl{list-style:none;}
a{color:#333;text-decoration:none !important;}
a:link{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-webkit-touch-callout:none;-moz-touch-callout:none;}
b,em,i{font-style:normal;}
img{border:0;}
/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}
.content{width: 1200px;margin:0 auto;}

.divtop{width:100%;background:#f5f5f5;min-width:1200px;}
.divto{width:1200px;margin:auto;height:36px;}

.yemei{width:700px;float:left;font-size:14px;line-height:36px;color:#777;}
.yemei2{width:500px;float:left;text-align:right;font-size:0;margin-top:3px}
.yemei2 p{display:inline-block;font-size:14px;margin-top:7px;width:70px;text-align:center;position:relative}
.yemei2 p:after{ content:url(../images/d3.jpg);width:1px;position:absolute;top:5px;right:0;}
.yemei2 p:last-child:after{ content:'';}
.yemei2 a{width:100%;color:#777;display:block;}
.yemei2 p:hover a{color:#ff8e09;}
/**/
.logo{width:1200px;margin:5px auto;overflow:hidden}
.qa{width:170px;float:left;margin-top:0;}
.qa img{width:162px;}
.qc{width:calc(100% - 530px);float:left;margin-left:12px;margin-top:25px;}
.qc h4{font-size:30px; color:#333;font-weight:600;}
.qc h5{font-size:18px;line-height:35px;color:#2241b5;font-weight:600;}
.qd{width:265px;float:right;overflow:hidden;margin-top:35px; box-sizing:border-box;}
.qd img{float:left;margin-right:10px;margin-top: 9px;}
.qd samp{font-size:17px;color:#555; font-family: "微软雅黑"}
.qd i{font-size:26px;color:#ff8e09; font-weight:bold;}

#titl,.fukuan li,.case-a,.scar-b a,.pro-a,#bottom-t{background:#2441b6;}

/*baohang*/
#titl{width:100%;min-width:1200px;margin-top:20px;}
.titl{width:1200px;margin:auto;font-size:0px}
.titl li{display:inline-block;position:relative;}
.titl li:after{content:""; width:2px; height:16px; margin-top:-8px; background:#2441b6; position:absolute; top:50%; right:0;}
.titl li:last-child:after{display:none;}
.titl li p{font-size:16px;line-height:60px;}
.titl li p>a{padding:0 54px;display:block;color:#FFF;}

.titl li dl{position:absolute;top:60;left:0; z-index:1000;font-size:14px;background:rgba(36, 65, 182, 0.89);width:100%;text-align:center;line-height:40px;padding-bottom:10px;display:none;}
.titl li dl a{color:#FFF;display:block;}
.titl li a:hover{color:#ff8e09;}
.titl li:Hover dl{display:block;}

/*benn*/
.banner_pc{ margin-top:0;}
.flexslider{ position:relative; z-index: 9;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:#555; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #555; }
.flex-control-paging li a.flex-active { background: #2441b6; cursor:default;}


.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}


/*案例  红色 #ff8e09*/
.case{width:1200px;margin:auto;height:360px;}
.case-a{width:180px;float:left; transform:translateY(-38px);position:relative;z-index:1000;padding:40px;}
.case-a h4{font-size:24px;line-height:77px;color:#FFF;}
.case-a h5{font-size:22px;line-height:30px;color:#FFF;font-weight:normal}
.case-a p{font-size:14px;line-height:38px;color:#FFF;margin-top:30px;}
.case-b{width:calc(100% - 260px);float:left;overflow:hidden;font-size:12px;padding-top:28px;}
.case-b li{background:#eeeeee;margin-left:50px;width: calc(25% - 50px);float:left;line-height:32px;text-align:center;margin-bottom:25px;transition:all 0.3s;}
.case-b li img{width:100%;}
.case-b li a{color:#666666;display:block;}
.case-b li p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case-b li:hover{ transform:translateY(-10px); box-shadow:0 2px 3px #999;}
.case-b li:Hover a{color:#ff8e09}
/*搜索*/
#scar{width:100%;min-width:1200px;border-top:1px solid #eee;border-bottom:1px solid #CCC;}
#i-scar{border-bottom:0 !important;background:#eee;}
.scar{width:1200px;margin:auto;overflow:hidden;}
.scar-a{width:60%;float:left;font-size:14px;line-height:65px;color:#999;}
.scar-a a{color:#666;padding:0 10px;}
.scar-b{width:40%;float:left;font-size:0;text-align:right;padding-top:13px;}
.scar-b input{font-size:14px;line-height:36px; outline:none;width:260px;color:#999; vertical-align:middle}
.scar-b a{font-size:16px;display:inline-block;color:#FFF;width:60px;line-height:40px;text-align:center; vertical-align:middle}
/*产品*/
#produ{width:100%;min-width:1200px;margin:auto;background:#f6f6f6;padding:40px 0 20px 0;}
.produ{width:1200px;margin:auto;overflow:Hidden;}
.produ-a{width:275px;float:left;margin-right:22px;}
.produ-b{width: calc(100% - 300px);float:left;overflow:hidden;}
.produ-b li{width: calc(33.3333% - 20px);float:left;margin-left:20px;text-align:center;margin-bottom:25px;line-height:48px;height:254px;position:relative;overflow:Hidden;}
.produ-b li img{width:100%; transition:all 0.2s;}
.produ-b li a{color:#696969}
.produ-b li p{position:absolute;bottom:0;left:0;width:100%; z-index:1;background:#fff;font-size: 15px;}
.produ-b li:hover p{background:#ff8e09}
.produ-b li:hover a{color:#FFF}
.produ-b li:hover img{ transform:scale(1.2)}
.pro-a{ border-top-left-radius:10px;border-top-right-radius:10px;text-align:center;color:#FFF; font-weight:bold;line-height:80px;font-size:25px;}
.pro-b{background:#FFF;}
.i-pro-b{background:#f2f2f2 !important}
.pro-b li{padding:0 30px 0 20px;font-size:15px;line-height:50px;position:relative; border-bottom: 1px solid #e5e5e5;}
.pro-b li a{color:#333;display:block}
.pro-b li:after{ content:url(../images/ico03.gif);position:absolute;right:29px;top:15px;}
.pro-b li:Hover{background:#ff8e09;}
.pro-b li:hover a{color:#FFF;}
.pro-b li:hover:after{ transform:rotate(90deg)}

.pro-c{font-size:0;background:#333;text-align:center;padding:18px 0;}
.i-pro-c{background:#2441b6 !important}
.pro-c-a{display:inline-block; vertical-align:middle}
.pro-c-a img{width: 50px; margin-right: 10px;}
.pro-c-b{display:inline-block;text-align:left; vertical-align:middle}
.pro-c-b h4{font-size:15px;color:#fff}
.pro-c-b p{font-size:20px;color:#fff}
.pro-c-b h4.prot{color:#FFF}
.pro-c-b p.prot{color:#FFF}
/*adout*/
#about{width:100%;background:url(../images/aboutbg.jpg) center no-repeat;padding:50px 0; min-width:1200px;}
.about{width:1130px;margin:auto;overflow:hidden;padding:40px 35px;background:rgba(36, 65, 182, 0.55);}
.about-a{width:50%;float:left;}
.about-b{width:45%;float:left;margin-left:5%}
.about-a img{width:100%;}
.about-b h4{line-height: 40px;font-size: 24px;color:#FFF;padding:15px 0}
.about-b p{font-size:14px;color:#eee;line-height:28px;}
.about-b a{display:block;width:135px;text-align:center;font-size:14px;color:#346ab4;background:#FFF;line-height:40px;margin-top:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.about-b a:hover{background:#ff8e09;color:#FFF;}



/**brand*/
#brand{margin:20px auto 0;text-align:center;font-size:32px;line-height:70px;height:70px;color:#2441b6;}
#brand-a{width:1200px;height:1px;background:#ccc;margin:auto;}
#brand-b{width:15px;height:15px;padding:;background:#fff; transform:rotate(45deg) translateY(-11px);margin:auto;positioN:relative}
#brand-b p{width:4px;height:4px;background:#F00;position:absolute ;top:32%;left:32%;}


/* 三大优势 */
.sys{ padding:40px 0; overflow: hidden;}
.sys_t{ height:140px; background:url(../images/dt.png) no-repeat left;width:750px; margin:0 auto; font-size:18px; font-weight:bold; color:#454545;}
.sys_t li{ padding-left:210px; padding-top:32px;}
.sys_t li p{ font-size:26px; color:#373737;}
.sys_t li p b{ color:#e40808;}
.sdys_nr{ padding-top:20px;}
.sdys_lt{width:570px; float:left; padding-top:20px;}
.sdys_lt img{ float:left;width:30px;}
.sdys_lt dl{ float:left;width:520px; margin-left:20px;}
.sdys_lt ul{ margin-top:40px; overflow:hidden;}
.sdys_lt dl dt{ font-size:24px; color:#e40808; font-weight:bold;}
.sdys_lt dl dd{ font-size:14px; color:#bebebe;    height: 7px;padding: 10px 0;}
.sdys_lt dl span{ color:#4d4d4d; font-size:16px;    line-height: 27px;}
.sdys_lt dl span b{ color:#dc0000;}
.sdys_rt{ float:right;}
.sdys_01{ padding-top:30px;}
.sdys_rt01{width:620px; float:right; padding-top:20px;}
.sdys_rt01 img{ float:left;width:30px;}
.sdys_rt01 dl{ float:left;width:560px; margin-left:20px;}
.sdys_rt01 ul{ margin-top:40px; overflow:hidden;}
.sdys_rt01 dl dt{ font-size:24px; color:#e40808; font-weight:bold;}
.sdys_rt01 dl dd{ font-size:14px; color:#bebebe;    height: 7px;padding: 10px 0;}
.sdys_rt01 dl span{ color:#4d4d4d; font-size:16px;    line-height: 27px;}
.sdys_rt01 dl span b{ color:#dc0000;}
.sdys_lt01{ float:left;}


.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}


/**/
.x-ban{height: 225px;background:url(../images/adve.jpg) no-repeat center center;}
.x-ban .content{height: 225px;position: relative;}
.x-ban span{font-size: 36px;color: #fff;font-weight: bold;font-family: Arial;display: block;position: absolute;left: 215px;top: 150px;}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 145px;}


/*资讯*/
.newbox{font-family:"Microsoft Yahei";line-height:24px;height:640px;color:#555;padding:25px 0 0;}

.news,.faqs{width:692px;height:auto;overflow: hidden;}
.faqs{width:428px;}
.newtil,.faqs h2{height: 70px;line-height:70px;font-size: 24px;font-weight: normal;}
.newtil li{float: left;padding: 0;color: #333;}
.newtil li{float: left;padding: 0;color: #333;}
.faqs h2 a{color: #333;}
.newtil li.cur{background:url(../images/ico07.gif) no-repeat 0 center;}
.new_c dl{height:370px;overflow: hidden;}
.new_c dt,.new_c dt img{height:354px;width: 692px;display: block;overflow: hidden;}
.new_c dd{padding: 7px 0 0;height: 110px;}
.new_c dd h3{height: 60px;line-height: 60px;font-size: 18px;color: #333;}
.new_c dd h3 a{color: #333;}

.new_fx li{display: block;height:99px;line-height:36px;color: #777;clear: both;}
.new_fx li span{float:left;width: 87px;height: 73px;background: #f9f9f9;box-shadow: 2px 2px 2px #d5d5d5;text-align: center;line-height: 24px;color: #333;}
.new_fx li span b{display: block;font-size: 24px;padding: 10px 0 0;line-height: 30px;}
.new_fx li p{float: left;display: block;width:575px;padding: 0 0 0 18px;font-size: 13px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;   -webkit-box-orient: vertical;line-height: 25px;}
.new_fx li p a{color: #333;display: block;font-size: 16px;}

.faq_c dl{height:142px;overflow: hidden;color: #666;line-height: 24px;}
.faq_c dt{height:55px;display: block;overflow: hidden;line-height: 38px;font-size: 18px;color: #333;font-weight: bold;background:url(../images/faq_w.gif) no-repeat 0 0;padding-left:51px;}
.faq_c dt a{color: #333;}
.faq_c dd{background:url(../images/faq_d.gif) no-repeat 0 0;padding-left:51px;font-size: 14px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;   -webkit-box-orient: vertical;line-height: 22px;}
.faq_c dd h3{height:41px;font-weight: normal;font-size: 17px;line-height:38px;color: #111;}
.faq_c dd h3 a{color: #111;}


/*尾部*/
.g_ft{height:215px;background:url(../images/f_bg.jpg) no-repeat center top;padding-top:58px;margin-top: 28px;}
.a00{margin-right:120px;float: left;width: 196px;}
.a00 dt img{width: 196px;}
.a00 dt a{width: 196px;height:100px;display: block;margin-bottom:20px;}
.a00 dd{font-size: 14px;color: #fff;font-weight: normal;border-top: 1px solid #4e97c5;text-align: center;padding-top: 10px;}
.a00 dd em{font-size: 14px;color: #fff;font-weight: normal;display: block;padding-top: 8px;}
.a01{margin-right: 50px;float: left;width: 304px;}
.a01 h2{height:49px;margin-bottom: 25px;display: block;}
.a01 p{font-size: 14px;color: #fff;font-weight: normal;line-height: 30px;}
.a01 p a{color: #fff;}
.a02{margin:0 50px;float: left;width: 280px;}
.a02 h2{height:49px;margin-bottom: 25px;display: block;}
.a02 a{font-size: 14px;color: #fff;font-weight: normal;line-height: 30px;height: 30px;width: 135px;float: left;text-align: left;}
.a03{float: right;width: 231px;}
.a03 h2{height:49px;margin-bottom: 25px;display: block;}
.a03 .cur{margin-right: 20px;}
.a03 {width: 135px;text-align: center;float: right;line-height: 40px;font-size: 14px;color: #fff;}
.a03 img{width:135px;}

/**/
.flinks{background: #222;height:30px;color: #eee; line-height: 28px; font-size: 14px; text-align: center; padding: 15px 0;}


/*客服*/
.client-2{position: fixed;right: -170px;top: 50%;z-index: 900;}
.client-2 li a{text-decoration: none;}
.client-2 li{margin-top: 1px;clear: both;height: 71px;position: relative;}
.client-2 li i{background: url(../images/fx.png) no-repeat;display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.client-2 li p{height: 20px;font-size: 14px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.client-2 .my-kefu-qq i{background-position: 4px 5px;}
.client-2 .my-kefu-tel i{background-position: 0 -21px;}
.client-2 .my-kefu-liuyan i{background-position: 4px -53px;}
.client-2 .my-kefu-weixin i{background-position: -34px 4px;}
.client-2 .my-kefu-weibo i{background-position: -30px -22px;}
.client-2 .my-kefu-ftop{display: none;}
.client-2 .my-kefu-ftop i{width: 33px;height: 35px;background-position: -27px -51px;}
.client-2 .my-kefu-left{float: left;width: 77px;height: 47px;position: relative;}
.client-2 .my-kefu-tel-right{font-size: 16px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 14px;}
.client-2 .my-kefu-right{width: 20px;}
.client-2 .my-kefu-tel-main{background: #2441b6;color: #fff;height: 56px;width: 247px;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-main{background: #2441b6;width: 97px;height: 56px;position: relative;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.my-kefu-weixin-pic img{width: 125px;}