html,body{width: 100%;font-size:16px;overflow:-Scroll;overflow-x:hidden}

*{ margin:0; padding:0;}

em{ font-style:normal;}

img {border: 0 none;height: auto;vertical-align: middle;}

ul{ list-style:none;}

.clear{ clear:both}

.l{ float:left;}

.r{ float:right;}

div{box-sizing: border-box;}

/*::-webkit-scrollbar {display:none}*/

li{list-style: none;}

.relative{position: relative;}

.absolute{position: absolute;}

a{ text-decoration:none; color:#333;}





.s_width{ width:1280px; margin:0 auto; position:relative}

.liuyan{ padding:0 0 30px 0}



/*header*/

.top{ width:100%; height:30px; background:#e3e4ea; line-height:30px;}

.top p{ width:1280px; margin:0 auto; font-size:14px;}



.header{ width:1280px; margin:0 auto; padding:20px 0;}

.header .logo{ width:68%;}

.header .logo .logo_img{ width:auto; margin-right:20px;}

.header .logo .logo_wz{ overflow:hidden; margin-top:15px;}

.header .logo .logo_wz p{ font-size:20px; line-height:31px; color:#2e2d2d; border-left:1px solid #e6e6e6; padding-left:20px; display:inline-block;}

.header .logo .logo_wz p em{ display:block; font-weight:bold; color:#d72e18; font-size:25px;}

.header .tel{ float:right; margin-top:0px;}

.header .tel img{ float:right; margin-left:15px;}

.header .tel p{ padding-left:10px; float:left; font-size:16px; text-align:right}

.header .tel p em{ display:block; font-weight:bold; font-size:25px; color:#d02c2d;}



.nav{ width:100%; height: 70px;position:relative; background:#3b4ba1;}

.nav ul{  height: 70px;margin:0 auto;}

.nav li { float: left;font-size: 17px; position: relative; height: 70px; }

.nav li a { text-decoration: none; height: 70px; line-height: 70px; padding:0 35px;  display: block; position: relative;z-index: 2; color: #fff; }

.nav li a:hover{ color: #fff; font-weight:bold; }

.nav li:after{content:'';position:absolute;height:3px;width:0;background:#ca2c2c;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;color: #ca2c2c; z-index: 1;}

.nav li:hover:after{width:100%;color: #2d56a4;z-index: 1;}



.nav li div {display:none;width:185px;text-align:center;color:#fff;position:absolute;top:70px;background:#3b4ba1; z-index:9999 ;  box-sizing:border-box;}

.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}

.nav li div a:hover {color:#fff;  background:#d72e18; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }





/*搜索+产品分类*/

.search_prolist{ width:100%; background:url(../images/list.jpg) no-repeat center top; height:750px;}

.search_hot{ height:100px; width:100%;background:rgba(255,255,255,0.2)}

.search_hot .hot{ width:50%;}

.search_hot .hot p{ font-size:16px; line-height:100px; color:#7c7c7c;}

.search_hot .hot p em{ color:#d02c2d; font-weight:bold; border-top:2px solid #d02c2d; padding-top:38px; }

.search_hot .hot p span{ color:#000; font-weight:bold; padding:5px;}

.search_hot .search{ margin:16px 22px 0 52px; width:305px; position:relative;}

.search_hot .search .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }

.search_hot .search .form-control { padding-left: 10px; width: 200px; height: 30px; line-height: 30px; font-size: 14px; background:#f1f1f1;border-radius: 30px; position:absolute;}

.search_hot .search .espcms_search_icon{  width: 19px; height: 19px; line-height: 19px; text-align: center; font-size: 14px; background:url(../images/ss.png) no-repeat center center;; color: #fff; cursor: pointer; margin:5px 0 0 0px; position:absolute; left:180px; border:none;}

.search_hot .search input { border: none; float: left;}







/*pro*/

.pro{width:100%;   padding:60px 0 60px 0;}

.pro h2{ font-size:36px; text-align:center; color:#3b4ba1}

.pro h2 span{ color:#bd1717}

.pro h2:before{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-right:15px;}

.pro h2:after{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-left:15px;}

.pro em{ display:block; font-size:16px; color:#515151; text-align:center; display:block; line-height:35px;}



.pro .pro_nav{ width:90%; margin:50px auto 30px auto;}

.pro .pro_nav ul{ overflow:hidden; font-size:17px;}

.pro .pro_nav li{ float:left; margin-right:1px; background:#f3f0f0; line-height:60px; width:14.7vw;text-align:center; margin-bottom:1px; }

.pro .pro_nav li a:hover{ background:#3b4ba1; color:#fff; display:block;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s;}



.pro_con{ width:90%; margin:50px auto 0 auto; overflow:hidden}

.marquee2 { width:100%; margin:0 auto; overflow:hidden;}

.marquee2 .pro_cc{ width:21.3vw; height:auto;  float:left; margin:0 1vw 2% 0%; position:relative; overflow:hidden; border:10px solid #e0e1e1;}

.marquee2 .pro_cc:nth-child(4n){ margin-right:0;}

.marquee2 .pro_cc a{ color:#333; text-decoration:none;}

.marquee2 .pro_cc a:hover{ color:#3b4ba1;}

.marquee2 .chanpin_con_pic{ width:100%; height:auto; position:relative; overflow:hidden;}

.marquee2 .pro_cc img {  width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}

.marquee2 .pro_cc:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.marquee2 .pro_cc .chanpin_con_cc{ height:60px; width: 100%; overflow: hidden; position: relative; font: 22px "Microsoft Yahei";  background:#e0e1e1; text-align:center; line-height:60px;}

.marquee2 .pro_cc .chanpin_con_cc:hover p{ color:#3b4ba1;}



.adv{ width:100%; position:relative}

.adv .adv_a{ width:100%; position:relative; height:692px; }

.adv .adv_a .adv_a_l{ width:50%; position:absolute; left:0; top:0;}

.adv .adv_a .adv_a_l dl {width: 1300px;margin: auto;position: relative;left: 0;right: 0;height: 660px; }

.adv .adv_a .adv_a_l dl dt {position: absolute;top: 0; }

.number { width: 100%;height: 50px;position: absolute;z-index: 99999;right: 10px;bottom: 5px;text-align: center; }

.number span {width: 26px;height: 26px;display: inline-block;border-radius: 50%;background: #fff;color: #666;margin: 0 5px 0 0;text-align: center;line-height: 26px; }

.number-on {background: #fca321 !important;color: #fff !important; }



.adv .adv_a .adv_a_l p{ position:absolute; right:2rem; width:117px; z-index:1; top:5rem;}

.adv .adv_a .adv_a_r{ width:50%; position:absolute; right:0; top:0; background:url(../images/about_bg.jpg) no-repeat center top; height:100%; padding-left:3rem; padding-right:10%;}

.adv .adv_a .adv_a_r h2{ padding:5rem 0 0 0rem; font-size:33px; color:#000;}

.adv .adv_a .adv_a_r h2 span{ color:#c9241e;}

.adv .adv_a .adv_a_r em{ border:3px solid #d34a1c; line-height:28px; padding:0 5px ; display:block; width:450px; text-align:center; letter-spacing:2px; margin-top:15px;border-radius:30px}

.adv .adv_a .adv_a_r p{ margin-top:40px; font-size:16px; line-height:28px; color:#333;}

.adv .adv_a .adv_more{ margin-top:4rem;}

.adv .adv_a .adv_more li{ float:left; width:120px; height:45px; margin-right:15px}

.adv .adv_a .adv_more li a{ background:#3b4ba1; display:block; text-align:center; color:#fff; line-height:45px;}

.adv .adv_a .adv_more .on a{ background:#c9241e}



.adv .adv_b{ width:100%; position:relative; height:668px; }

.adv .adv_b .adv_b_l{ background:#f6f0f1; width:50%; position:absolute; left:0; top:0; height:100%;}

.adv .adv_b .adv_b_l ul {padding: 5rem 40px 30px 40px;box-sizing: border-box;  padding-left:10%;}

.adv .adv_b .adv_b_l li {margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 24px;padding-left: 70px;background: url(../images/yz.png) 10px 5px no-repeat; }

.adv .adv_b .adv_b_l li h5 {font-size: 24px;margin-bottom: 5px; }

.adv .adv_b .adv_b_l p {color: #898989;font-size: 16px;line-height: 180%; }

.gs_con {color: #333;margin: 0px auto 30px auto;line-height: 180%; font-size:16px; }

.gs_con p {color: #000;line-height: 180%;text-align: center; }

.adv .adv_b .adv_b_contact{ width:100%; height:90px; background:#c9241e; position:absolute; bottom:0; left:0; line-height:90px; padding-left:10%; color:#fff; font-size:18px;} 

.adv .adv_b .adv_b_contact span{ line-height:50px; display:inline-block}

.adv .adv_b .adv_b_contact em{font-family: impact; font-size:42px; display:inline-block;}



.adv .adv_b .adv_b_r{ width:50%; position:absolute; z-index:1; right:0; top:0;}

.adv .adv_b .adv_b_r iframe{ width:100%; height:74vh;}





/**/

.pinz{ width:100%; background:url(../images/shuoming.jpg) no-repeat center top; padding:60px 0 0 0; height:833px;}

.pinz h2{ font-size:42px; font-weight:normal; color:#fff; text-align:center;}

.pinz h2 span{ font-weight:bold; color:#d72e18;}

.pinz strong{ display:block; font-size:16px; color:#fff; text-align:center; font-weight:normal; line-height:35px;}

.pinz strong:before{ content:""; background:url(../images/pinz_line02.gif) no-repeat center top; width:82px; height:5px; display:inline-block; margin-right:15px;}

.pinz strong:after{ content:""; background:url(../images/pinz_line02.gif) no-repeat center top; width:82px; height:5px; display:inline-block; margin-left:15px;}





.pinz .yin_t{color: #fff;height: 127px;}

.pinz .yin_t:before{left: 32%;background: #fff;}

.pinz .yin_t:after{right: 32%;background: #fff;}

.pinz .s_width{ margin-top:45px;}

.pinz01{width:303px;height: 540px;position: relative;float: left;margin-right: 7px;overflow: hidden;}

.pinz01 dl{width: 303px;height: 480px;overflow: hidden;text-align: center;}

.pinz01 dl dt{width: 303px;height: 437px;line-height: 0;}

.pinz01 dl dt img{width: 303px;height: 437px;}

.pinz01 dl dd{width: 303px;height: 190px;background: #fff;position: absolute;padding: 42px 0 0;}

.pinz01 dl dd em{display: block;width: 68px;height: 68px;position: absolute;top: -34px;left: 50%; margin-left:-34px; }

.pinz01 dl dd em img,.pin01_m em img{width: 68px;height: 68px;}

.pinz01 dl dd h5,.pin01_m h5{font-size: 18px;color: #333;height: 50px;line-height: 50px;overflow: hidden; font-weight:normal;}

.pinz01 dl dd p,.pin01_m p{font-size: 14px;color: #666;line-height: 25px;padding: 10px 0 0;height: 75px;overflow: hidden;}

.pinz01 dl dd p i,.pin01_m p i{display: block; font-style:normal;}

.pinz01:hover dd{display: none;}

.pinz .nobor{margin-right: 0;}

.pin01_m{width: 303px;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(201,36,30,0.8); 

transition:height .5s;

-moz-transition:height .5s; /* Firefox 4 */

-webkit-transition:height .5s; /* Safari and Chrome */

-o-transition:height .5s; /* Opera */}

.pin01_m em{display: block;width: 68px;height: 68px;margin:0 auto;padding: 110px 0 0;}

.pin01_m h5{color: #fff;background:url(../images/pinz_line02.gif) no-repeat center 49px;}

.pin01_m p{color: #fff;}

.pinz01:hover .pin01_m{height: 540px;}



/*客户案例*/

.case{width:100%;   padding:60px 0 60px 0;}

.case h2{ font-size:36px; text-align:center; color:#3b4ba1}

.case h2 span{ color:#bd1717}

.case h2:before{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-right:15px;}

.case h2:after{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-left:15px;}

.case em{ display:block; font-size:16px; color:#515151; text-align:center; display:block; line-height:35px;}



.case_con{ width:90%; margin:50px auto 0 auto;overflow:hidden}

.marquee4 { width:100%; margin:0 auto; overflow:hidden;}

.marquee4 .case_cc{ width:21.3vw; height:auto;  float:left; margin:0 1vw 2% 0%; position:relative; overflow:hidden; border:0px solid #e0e1e1;}

.marquee4 .case_cc:nth-child(4n){ margin-right:0;}

.marquee4 .case_cc a{ color:#333; text-decoration:none;}

.marquee4 .case_cc a:hover{ color:#3b4ba1;}

.marquee4 .case_con_pic{ width:100%; height:auto; position:relative; overflow:hidden;}

.marquee4 .case_cc img {  width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}

.marquee4 .case_cc:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.marquee4 .case_cc .case_con_cc{ height:60px; width: 100%; overflow: hidden; position: relative; font: 22px "Microsoft Yahei"; border-bottom:1px solid #e0e1e1; text-align:center; line-height:60px;}

.marquee4 .case_cc .case_con_cc:hover p{ color:#3b4ba1;}











/*新闻动态*/

.news{ width: 100%;background:url(../images/news.jpg)repeat center top; padding:70px 0 30px 0}

.news h2{ font-size:36px; text-align:center; color:#3b4ba1}

.news h2 span{ color:#bd1717}

.news h2:before{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-right:15px;}

.news h2:after{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-left:15px;}

.news em{ display:block; font-size:16px; color:#515151; text-align:center; display:block; line-height:35px;}



.news_r{ width:862px; height:626px;}

.news_r li{ position:relative; width:100%; height:208px;}

.news_r li:nth-child(2){ background:#f4f4f4}

.news_r li .n_date{ width:116px; height:63px;  color:#9a9a9a; position:absolute; left:30px; top:80px; z-index:2 }

.news_r li .n_date span{ display:block; overflow:hidden;height:44px; width:49px; margin:0 auto;  color:#8a8a8a }

.news_r li .n_date p{ line-height:30px; height:20px;font-size:15px; text-align:center  }



.news_r li .date p{font-weight: bold;}

.news_r li .detail{ width:475px; position:absolute; left:170px; top:35px;}

.news_r li .detail .title{font-size: 24px; line-height:45px;color:#494949;}

.news_r li .detail .title a{ color:#494949}

.news_r li .detail .text{color:#7d7d7d;font-size: 15px; line-height:30px;}

.news_r li .n_img{ width:210px; position:absolute; right:0; top:30px;}





/*youshi*/

.youshi{ width: 100%;background:url(../images/news.jpg)repeat center top; padding:60px 0 50px 0}

.youshi h2{ font-size:36px; text-align:center; color:#3b4ba1}

.youshi h2 span{ color:#de1212}

.youshi h2:before{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-right:15px;}

.youshi h2:after{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-left:15px;}

.youshi em{ display:block; font-size:16px; color:#666; text-align:center; display:block; line-height:35px;}



.youshi_cont{ width:1280px; margin:50px auto 0 auto; background:rgba(57,75,161,0.9);}

.youshi_cont li{ float:left; border-bottom:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); width:33%; height:165px; text-align:center;}

.youshi_cont li:nth-child(3n){ border-right:0px;}

.youshi_cont li:nth-child(4){ border-bottom:0px;}

.youshi_cont li:nth-child(5){ border-bottom:0px;}

.youshi_cont li:nth-child(6){ border-bottom:0px;}

.youshi_cont li img{ width:50px; height:50px; margin:0 auto; display:inline-block; margin-top:2rem;}

.youshi_cont li em{ font-size:20px; font-weight:bold; color:#fff;}





/*行业动态*/

.dongtai{ width: 100%;background:url(../images/youshi.jpg)repeat center top; padding:60px 0 40px 0}

.dongtai h2{ font-size:36px; text-align:center; color:#fff}

.dongtai h2 span{ color:#de1212}

.dongtai h2:before{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-right:15px;}

.dongtai h2:after{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-left:15px;}

.dongtai em{ display:block; font-size:16px; color:#fff; text-align:center; display:block; line-height:35px;}



.dongtai_con{ width:1280px; position:relative; overflow:hidden; margin:0 auto; height:494px; margin-top:40px;}

.dongtai_con li{ width:303px; float:left; background:#f5f5f5; height:492px; position:relative; border:1px solid #f0f0f0; margin:0 17px 0 0; }

.dongtai_con .news_pic{ width:303px; height:260px; position:absolute; top:9px; left:50%; margin-left:-151px; overflow:hidden;}

.dongtai_con .news_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.dongtai_con .news_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.dongtai_con .news_text{ width:303px; padding:57px 15px 20px 15px; position:absolute; top:205px; left:0; background:url(../images/dongtia.png) no-repeat center top;}

.dongtai_con .news_text .news_date{ font-size:14px; color:#9e9e9e; line-height:33px;}

.dongtai_con .news_text .news_title a{ font-size:17px; color:#242424; line-height:43px;}

.dongtai_con .news_text .news_title a:hover{ color:#078643;}

.dongtai_con .news_text .news_span{ width:32px; height:2px; background:#f5f5f5}

.dongtai_con .news_text p{ font-size:15px; color:#686868; line-height:28px; padding:8px 0 0 0}

.dongtai_con .news_text .news_text_more{ width:115px; background:#d72e18; margin:15px auto 0 auto; }

.dongtai_con .news_text .news_text_more a{ display:block; color:#fff; line-height:35px; font-size:15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; padding:0 0 0 20px; text-transform:uppercase;}

.dongtai_con .news_text .news_text_more  a:hover{ font-weight:bold}



/*footer*/

.footer{background:#4050a8; width:100%; margin-top:30px; padding-top:60px; height:400px;}

.footer .s_width{ width:1280px;  margin:0px auto 0 auto;}

.footer .footer_wx{ width:176px}

.footer .footer_wx li{ width:45%; margin-right:2.5%; float:left}

.footer .footer_wx li img{ width:100%;}

.footer .footer_contact{ padding-left:40px; width:630px;} 

.footer .footer_contact h2{ font-size:23px; color:#fff;}

.footer .footer_contact h2:after{ content:""; width:70%; height:16px;background:url(../images/pro_l.png) no-repeat left top;display:block; margin:10px 0 10px 0;}

.footer .footer_contact h2 em{ color:#c9221e; font-style:italic;text-transform: uppercase;}

.footer_map{ width:325px; }

.footer_map img{ width:100%}



.footer .footer_contact p{ font-size:15px; line-height:28px; color:#fff}

.footer .footer_contact h3{ color:#dcb413; font-size:18px; padding-bottom:10px;}



.footer .footer_nav{  width:325px;} 

.footer .footer_nav h2{ font-size:23px; color:#fff;}

.footer .footer_nav h2:after{ content:""; width:70%; height:16px;background:url(../images/pro_l.png) no-repeat left top;display:block; margin:10px 0 10px 0;}

.footer .footer_nav h2 em{ color:#c9221e; font-style:italic;text-transform: uppercase;}

.footer .footer_nav li{ font-size:16px; line-height:35px; float:left; width:50%}

.footer .footer_nav li a{ color:#fff;}

.footer .footer_wx{ width:295px; margin-top:75px;}



.end{ background:#4050a8; line-height:60px; border-top:1px solid rgba(255,255,255,0.3)}

.end p{ text-align:center; color:#fff;}

.end p a{ text-align:center; color:#fff;}





/*网站内页*/

.main{ width:1280px; margin:50px auto 0 auto;}

.main h2{ font-size:36px; text-align:center; color:#3b4ba1}

.main h2 span{ color:#bd1717}

.main h2:before{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-right:15px;}

.main h2:after{ content:""; background:url(../images/pro_l.png) no-repeat center top; width:82px; height:16px; display:inline-block; margin-left:15px;}

.main em{ display:block; font-size:16px; color:#515151; text-align:center; display:block; line-height:35px;}

.main_cont{ font-size:16px;  line-height:31px; color:#333; margin-top:50px;}

.main_cont p{ padding-bottom:15px!important;text-indent:2em;}

.main_read{ width:1280px; margin:0 auto;}

.main_read h3{ text-align:center; font-size:25px; font-weight:normal; padding:50px 0 10px 0; }

.main_read .main_date{ text-align:center; font-size:15px; color:#666; line-height:35px;border-bottom: 1px solid #E0E0E0; margin-bottom:50px; }

.main_read img{ width:100%; max-width:650px; display:block; margin:0 auto 15px auto;}

.main_read .main_read_cont{font-size:16px;  line-height:31px; color:#333; width:1280px; margin:0 auto; }

.main_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;}





.mbx{ width:100%; height:60px; border-bottom:1px solid #eaefed;}

.mbx .espcms_path{ width:1280px; margin:0 auto; font-size:16px; line-height:60px;}

.mbx .espcms_path li{display: inline-block;}

.mbx .espcms_path > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}



.main .main_nav{ width:100%; margin:50px auto 30px auto;}

.main .main_nav ul{ overflow:hidden; font-size:17px;}

.main .main_nav li{ float:left; margin-right:1px; background:#f3f0f0; line-height:60px; width:11vw;text-align:center; margin-bottom:1px; }

.main .main_nav li a:hover{ background:#3b4ba1; color:#fff; display:block;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s;}



.espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:50px 0px 15px 0;}

.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;}

.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;

-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}

.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}



.btn-default {color: #333;background-color: #f2f2f2;outline:0px; margin-right:1px;}

.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}

.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}

.btn-default:active,.btn-default.active {color: #fff;background-color: #3b4ba1;outline:0px}

.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,

.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #00af5f;}

.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,

.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}

.btn-default .badge {color: #fff;background-color: #333;}



.espcms_info_pager{ width:1280px; margin:0 auto 105px auto;}

.espcms_info_pager li{ width:46%; float:left; text-align:center; background:#f2f2f2; line-height:50px; margin-right:5%}

.espcms_info_pager li:nth-child(2n){ margin-right:0px;}



/*内页产品展示*/

/*产品展示*/

.se_pro_con{ width:100%; overflow:hidden;  position:relative; margin:50px auto 0 auto;}

.se_pro_con ul{}

.se_pro_con li{ float:left; position:relative; width:395px; height:380px; overflow:hidden;top:100%; margin:0 30px 20px 0; cursor:pointer; border:1px solid #f2f2f2;}

.se_pro_con li:nth-child(3n){ margin-right:0px;}

.se_pro_con em{ font-style: normal; text-align:center; line-height:48px; width:395px; display:block; position:absolute; font-size:20px; color:#333; font-weight:bold; z-index:3; bottom:0; background:#fff; right:0}

.se_pro_con .cp_m{position:absolute;top:0;left:0;width:395px;height:310px}

.se_pro_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_pro_con li:hover .cp_m img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_pro_con .cp_k{position:absolute; height: 100px; width: 427px;background:#fff; bottom:0; z-index: 8888;left:0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.se_pro_con .cp_k a{ line-height: 50px; width: 395px;color: #333; font-size: 24px; display: block; text-align: center; padding:10px 0 0 0}

.se_pro_con .cp_k a:hover{font-size: 24px;   color: #333;}

.se_pro_con .cp_xq{ width:380px; position:absolute; left:50%; margin-left:-190px; height:230px;  line-height:30px; color:#333; font-size:15px; background:rgba(255,255,255,0.4); top:45px; opacity:0}

.se_pro_con .cp_xq h3{ font-size:36px; text-align:center; color:#333; padding:40px 0 10px 0}

.se_pro_con .cp_xq p{ margin:20px; padding:15px; border:1px solid rgba(255,255,255,0.3); text-align:center; font-size:18px;}





.se_pro_con li:hover .cp_k{ bottom:-100px;}



.se_pro_con li:hover .cp_xq{ opacity:1;

	animation: categorytextanimate2 1s;

	-moz-animation: categorytextanimate2 1s;

	-webkit-animation: categorytextanimate2 1s;

	-o-animation: categorytextanimate2 1s;

}

@keyframes categorytextanimate2{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg); }

}

@-moz-keyframes categorytextanimate2{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);}

}

@-webkit-keyframes categorytextanimate2{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);}

}

@-o-keyframes categorytextanimate2{

	from{transform: rotateY(0deg);}

	to{transform: rotateY(360deg);}

}



.main_about{ width:1280px; margin:0 auto;background: #fafafa;color: #444;height: 50px;line-height: 50px;font-weight: bold;font-size: 15px; height:520px;}

.main_about h2 i{background: #C4005B;width: 2px;height: 30px;display: block;float: left;margin: 10px 10px 0px 0px;}



.mainpro_read{ width:1280px; margin:0 auto;}

.mainpro_read h3{ text-align:center; font-size:25px; font-weight:normal; padding:50px 0 10px 0; }

.mainpro_read .main_read_cont{font-size:16px;  line-height:31px; color:#333; width:1280px; margin:0 auto; border-top:10px solid #c9241e; padding-top:50px;}

.mainpro_read .main_read_cont p{ padding-bottom:15px!important;text-indent:2em;}





.mainpro_read .main_read_l{ width:48.5%; border:10px solid #f2f2f2; margin:5rem 0; }

.mainpro_read .main_read_l img{ width:100%}

.mainpro_read .main_read_r{ width:45%; padding-top:50px;margin:0 0 5rem 0; }

.mainpro_read .main_read_r h3{ text-align:left; font-size:40px;}

.mainpro_read .main_read_r h4{ font-size:16px; line-height:31px; color:#bbb0b0;}

.mainpro_read .main_read_r .read_list{ font-size:18px; line-height:31px;  margin-bottom:25px;}

.mainpro_read .main_read_r .read_tel{ width:350px; height:50px; background:#c9241e; line-height:50px; color:#fff; font-size:18px; padding-left:20px;border-radius:30px;}

.mainpro_read .main_read_r .read_tel em{ font-size:30px; font-family: impact;}

.mainpro_read .main_read_r .read_back{border:1px solid #666; width:100px; line-height:35px; text-align:center; margin-top:80px; font-size:16px;border-radius:30px;}

.mainpro_read .main_read_r .read_back a{ color:#666;}



.read_shuoming{ width:1280px; margin:0 auto; }

.read_shuoming p{color:#c9241e; font-size:20px; line-height:50px; font-weight:bold;}

.read_shuoming ul{ overflow:hidden; border-top:1px dashed #e5dede; border-bottom:1px dashed #e5dede; line-height:60px; margin:10px auto 40px auto;}

.read_shuoming li{width: calc(100%/3); float:left;}

.read_shuoming li em{font-family: impact; font-size:28px; color:#c9241e;}

.read_liuyan{ width:1280px; margin:0 auto; background:#fcf7f7; padding:0 40px;}



.ny_main{background: #f5f5f5; border-top: 10px solid #777;}

.chanpin_cont{ width:1280px; margin:0 auto; margin-top:76px; font-size:14px; line-height:28px;}

.guding_title{ background:url(../images/can.png) no-repeat left top; padding:10px 0 28px 20px; font-size:30px; font-weight:bold; color:#fff; height:71px; margin-bottom:60px; box-sizing:border-box;}

.tuji2{  overflow:hidden;  position:relative; margin:0 auto; padding:0px 0 40px 0px; padding-left:2px; width:1280px; }

.tuji2 ul{}

.tuji2 li{float:left; padding:0; width:312px; margin:0 10px 20px 0;  position:relative; overflow:hidden; }

.tuji2 li:nth-child(4){margin:0 0 20px 0; }



.tuji2 li .p-img{ width:312px; height:240px;  text-align:center;position:relative ; overflow:hidden; background:#fff}

.tuji2 li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.tuji2 li .p-img:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.tuji2 li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px;  width:100%; margin-bottom:20px;}

.tuji2 li .p-name a{color: #666;}







.tuji2 li .p-img mark{

	position: absolute;

    left: 0;

    top: 0;

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,.3);

    z-index: 20;

    opacity: 0;

    transform: skewX(60deg);

    transition: 360ms;

}

.tuji2 li .p-img div{

	position:absolute;

	z-index:21;

	background:#e43939;

}

.tuji2 li .p-img .borderleft{	

	top:0;

	left:0;

	width:3px;

	height:0;

}

.tuji2 li .p-img .bordertop{

	top:0;

	left:0;

	width:0;

	height:3px;

}

.tuji2 li .p-img .borderbottom{

	bottom:0;

	right:0;

	width:0;

	height:3px;

}

.tuji2 li .p-img .borderright{

	top:0;

	right:0;

	width:3px;

	height:0;

}

.tuji2 li .p-img .leftline{

	position:absolute;

	left:50%;

	margin-left:-230px;

	top:50%;

	z-index:21;

	border-top:1px solid red;

	width:60px;

	opacity:0;

}

.tuji2 li .p-img .topline{

	position:absolute;

	left:50%;

	margin-top:-230px;

	top:50%;

	z-index:21;

	border-left:1px solid red;

	height:60px;

	opacity:0;

}





/*se_hangye*/

.se_news_con{ padding:40px 0 0 0; width:100%; margin:0 auto;}

.se_news_con ul{ }

.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee}

.se_news_con li:hover { background:#3b4ba1; top:30px;}

.se_news_con .se_news_da{ width:1380px; margin:0 auto}

.se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; }

.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }

.se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}



.se_news_r{ width: 976px; position: relative; z-index: 2; padding:10px 20px 0 0}

.se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}

.se_news_r h2{  font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;}

.se_news_r h2 a{  font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}

.se_news_r h2 a:hover{   color:#0f58ce; }

.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}

.se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.se_news_r .se_news_more a{ color:#3b4ba1; font-size:14px;}

.se_news_r .se_news_more a:hover{ color:#fff; }

.se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; }

.se_news_con li:hover .se_news_more a{ color:#ca2c2c; }

.se_news_con li:hover .se_news_r h2 a{ color:#fff; }

.se_news_con li:hover .se_news_r h2{ color:#fff; }

.se_news_con li:hover .se_news_r p{ color:#fff; }



/*se-contact*/

.main_contact{ width:1280px; margin:50px auto;}

.main_contact p{ font-size:18px; line-height:35px; width:574px; margin:0 auto; text-align:center;}

.main_contact p span{ display:block; font-size:25px; font-weight:bold; color:#00af60; padding-bottom:15px;}

.main_contact p:before{ content:""; background:url(../images/c_t.jpg) no-repeat center top; display:block; width:574px; height:148px;}

.main_contact p:after{ content:""; background:url(../images/c_b.jpg) no-repeat center top; display:block;width:574px; height:144px;}



.main_contact h3{ font-size:34px; text-align:center;}

.main_contact h3 em{ color:#d72e18;}

.main_contact span{ display:block; font-size:16px; line-height:31px; color:#666; text-align:center;}

.main_contact ul{ margin:50px auto;}

.main_contact li{ width:305px;  border:1px solid rgb(221, 221, 221); float:left; text-align:center; padding-bottom:15px; margin-right:15px;}

.main_contact li:nth-child(4){ margin-right:0px;}

.main_contact li img{ margin-top:30px;}

.main_contact li em{ display:block; padding:15px 0 0 0; font-size:18px;}

.main_contact li span{display:block; font-size:16px; line-height:31px; color:#666; text-align:center;}





.se_xinren{ padding:30px 0 35px 0; text-align:center;}

.se_xinren h2{ font-size: 32px; line-height: 34px; color: #333; }

.se_xinren p{ font-size: 16px; color: #666666; margin: 21px 0;}



.se_liuyan{ position:relative; width:100%; height:1680px;}

.se_liuyan_pic{ width:217px; position:absolute; left:0;top:0; z-index:2}

.se_liuyan_con{ width:77%; position:absolute; right:35px;top:0; padding:35px 0 0 60px; box-sizing:border-box; height:1650px; border:1px solid #dddddd ; box-shadow: 0px 1px 4px rgba(250, 233, 221, 0.3), 0px 0px 20px rgba(223, 54, 42, 0.1) inset; z-index:1}

.liu_r h3{ font-size:24px; color:#2c2e67; line-height:35px; text-transform:uppercase;}

.liu_r .liu_zi{ line-height:55px; font-size:16px; color:#888; margin:0 0 30px 0; font-weight:normal;}