html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
input{outline:none;}
/********General**********/
.wrap{margin:0 auto;width:100%;min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*头部*/
/*.top{width:100%;height:40px;background:#f0f2f7;line-height:40px;}
.top span{color:#666;}
.top a:hover{color:#2da53a;}
.head{width:100%;height:133px;}
.logo{font-size:28px;width:528px;height:133px;line-height:133px;overflow:hidden;}
.logo img{vertical-align:middle;max-width:528px;max-height:133px;margin-top:-7px;}
.head-wz{text-align:right;margin-top:40px;}
.head-wz p{font-size:16px;line-height:28px;}
.head-xian{margin:45px 22px 0 18px;}
.tel{padding-top:45px;}
.tel img{float:left;padding-right:12px;}
.tel span{display:inline-block;font-size:20px;line-height:26px;font-family:'SimSun';font-weight:bold;}
.nav{overflow:hidden;width:1199px;height:56px;background:#3e57be;position:relative;z-index:9999999;margin:0 auto;}
.nav li{float:left;width:149px;height:56px;line-height:56px;text-align:center;border-right:1px solid #1c3188;}
.nav li:last-child{border-right:none;}
.nav a{display:block;width:149px;height:56px;color:#fff;font-size:15px;}
.nav a:hover{background:#2da53a;}*/

/*banner*/
.banner{ overflow:hidden; width:100%; margin:0 auto; min-width:1200px;}
.banner{position:relative;overflow:hidden;background:url(../Image/loading.gif) 50% no-repeat; margin-top: 160px; }
.slides{position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#2da53a;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../Image/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../Image/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
/*头部end*/

/*底部*/
.footer{clear:both;}
.foot{width:100%;height:480px;background:#444a58;color:#fff;}
.d-title{text-align:center;margin-bottom:40px;}
.d-title h1{font-size:28px;padding-top:56px;}
.d-title p{font-size:16px;padding-top:14px;}
.d-cont{width:1171px;height:235px;margin:0 auto;}
.d1{width:390px;height:235px;background:#fff;}
.d1 img{width:390px;height:235px;}
.d2{width:285px;height:235px;background:#2da53a;text-align:center;}
.d2 img{width:150px;height:150px;padding-top:43px;}
.d3{width:496px;height:235px;background:#3e57be;}
.d3 h3{margin:0 50px 0 104px;font-size:18px;font-weight:bold;padding-top:40px;}
.d3 hr{width:20px;height:2px;background:#fff;border:none;margin:12px 50px 10px 104px;}
.d3 p{margin:0 50px 0 104px;line-height:32px;}
.d-key{width:1171px;margin:0 auto;padding-top:16px;}
.bottom{width:100%;height:88px;background:#2e3442;}
.bottom p{text-align:center;line-height:88px;color:#fff;}
.bottom a:hover{color:#2da53a;}
/*main css*/
/*.main-im{ position:fixed; left: 10px; top:54%; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 136px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -90px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 98px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 96px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 104px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }*/


#fu {
    transition: 0.5s;
    width: 180px;
    position: fixed;
    top: 180px;
    left: 10px;
    z-index: 100;
    background: #39a43b;
    padding: 20px 0;
    border-radius: 0px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0 12px 15px 0 rgba(71,71,71,.1), 0 20px 60px 0 rgba(71,71,71,.11);
    box-shadow: 0 12px 15px 0 rgba(71,71,71,.1), 0 20px 60px 0 rgba(71,71,71,.11);
    background: #fff;
}

.fudong {
    transform: translateX(150px);
}

#fu .ewm {
    width: 119px;
    height: 149px;
    margin: 0 auto;
    background: #fff
}



.tc {
    text-align: center;
}
.cf {
    font-size: 18px;
    color: #222222;
    font-weight: bold;
}
.mt5 {
    margin-top: 5px!important;
    font-size: 20px;
    font-weight: bold!important;
    color: #333333;
}
.f12 {
    font-size: 12px;
    padding-bottom: 9px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 18px;
}
#fu .zi {
    width: 126px;
    margin: 0 auto;
    background: url(../Image/futel.png) left center no-repeat;
    text-indent: 21px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
}
.mt5 {
    margin-top: 5px!important;
    font-size: 20px;
    font-weight: bold!important;
    color: #333333;
}
/*底部end*/

/*首页*/
.chanpin{width:100%;/*height:1027px;*/}
.sy-title{text-align:center;padding-top:62px;}
.sy-title h1{font-size:36px;background:url('../Image/title-bg.png') no-repeat center;}
.sy-title p{color:#7e7e7e;padding-top:13px;}
.cp-type{margin-top:35px;text-align:center;width:100%;height:40px;overflow:hidden;}
.cp-type li{display:inline-block;min-width:190px;height:40px;line-height:40px;margin:0 3px;}
.cp-type li a{display:block;padding:0 12px;height:40px;background:#eee;font-weight:bold;}
.cp-type li a:hover{background:#3e57be;color:#fff;}
.sy-pro{margin-top:48px;}
.sy-pro li{float:left;width:380px;height:322px;text-align:center;overflow:hidden;margin:0 30px 48px 0;position:relative;}
.sy-pro li:nth-child(3n){margin-right:0;}
.sy-pro li img{width:380px;height:270px;}
.cp-cont{width:100%;height:52px;position:absolute;bottom:0;transition:0.4s;}
.cp-cont p{line-height:52px;width:100%;height:52px;overflow:hidden;color:#666;}
.cp-cont span{display:block;width:114px;height:28px;border:1px solid #fff;margin:0 auto;line-height:28px;}
.sy-pro li a:hover .cp-cont{height:110px;background:rgba(62,87,190,0.98);color:#fff;}
.sy-pro li a:hover .cp-cont p{padding-top:10px;color:#fff;}

.guanyu{width:100%;height:772px;background:url('../Image/gy-bg.png') no-repeat center;}
.gy-l{width:770px;height:620px;margin-top:78px;margin-right:-40px;}
.gy-l img{width:770px;height:620px;}
.gy-r{width:470px;}
.gy-cont{width:470px;height:540px;background:#3e57be;color:#fff;}
.gy-nr{margin:0 56px 0 64px;}
.gy-nr h2{font-size:22px;font-weight:bold;padding-top:74px;}
.gy-nr h1{font-size:30px;color:rgba(255,255,255,0.2);text-transform:uppercase;font-weight:bold;}
.gy-nr p{line-height:32px;padding-top:26px;}
.gy-zx{width:410px;height:142px;margin-top:16px;}
.gy-zx img{width:410px;height:142px;}

.ad{width:100%;height:180px;background:url('../Image/ad-bg.jpg') no-repeat center;}
.ad-l{width:483px;height:180px;margin-left:177px;color:#3e57be;}
.ad-l h1{margin:0 24px 0 32px;font-size:28px;font-weight:bold;padding-top:24px}
.ad-l hr{margin:12px 24px 0 32px;width:22px;height:2px;background:#3e57be;border:none;}
.ad-l h2{margin:0 24px 0 32px;font-size:22px;padding-top:14px;}
.ad-l p{margin:0 24px 0 32px;padding-top:8px;}
.ad-ewm{width:140px;height:140px;margin:20px 0 0 21px;}
.ad-ewm img{width:140px;height:140px;}
.ad-tel{margin-left:42px;color:#fff;margin-top:65px;}
.ad-tel img{float:left;margin-right:22px;}
.ad-tel span{display:inline-block;float:left;font-family:'SimSun';font-weight:bold;line-height:26px;}

.anli{width:100%;height:692px;}
.sy-case{margin-top:40px;}
.sy-case li{float:left;width:390px;height:365px;text-align:center;overflow:hidden;margin:0 15px 60px 0;position:relative;}
.sy-case li:nth-child(3n){margin-right:0;}
.sy-case li img{width:390px;height:290px;}
.al-cont{width:100%;height:75px;position:absolute;bottom:0;transition:0.4s;}
.al-cont p{line-height:75px;width:100%;height:75px;overflow:hidden;color:#7e7e7e;font-size:16px;}
.al-cont span{display:block;width:114px;height:28px;border:1px solid #fff;margin:0 auto;line-height:28px;}
.sy-case li a:hover .al-cont{height:150px;background:rgba(62,87,190,0.98);color:#fff;}
.sy-case li a:hover .al-cont p{padding-top:15px;color:#fff;}
.al-more{width:100%;height:12px;background:#e3e3e3;overflow:hidden;font-family:'Arial';text-transform:uppercase;}
.al-more a{display:block;width:210px;height:12px;background:#3750b7;color:#fff;text-align:center;line-height:12px;margin:0 auto;transition:0.4s;}
.al-more a:hover{width:100%;}

.xinwen{width:100%;height:510px;background:#f0f2f7;}
.sy-news{margin-top:50px;}
.sy-news li{float:left;width:373px;height:232px;background:#fff;margin-right:40px;}
.sy-news li:nth-child(3n){margin-right:0;}
.sy-news li h3{margin:0 34px;font-size:16px;font-weight:bold;padding-top:33px;}
.sy-news li p{margin:0 34px;line-height:24px;color:#858585;padding-top:12px;}
.sy-news li span{display:block;margin:0 34px;color:#9f9f9f;padding-top:12px;}
.xw-btn{width:97px;height:32px;background:#3750b7;color:#fff;text-align:center;line-height:32px;margin:20px 34px 0 34px;}
.sy-news li a:hover .xw-btn{background:#2da53a;}
/*首页end*/

.main{margin-bottom:129px;}
/*.title{width:100%;height:56px;border-bottom:1px solid #ddd;margin-bottom:30px;}
.title span{overflow:hidden;line-height:56px;}
.title a:hover{color:#2da53a;}*/

.side{position:relative; }
.widget{overflow:hidden;margin-bottom:30px;width:247px;}
.short_title{width:100%; height: 99px; background: #004098; margin-bottom: 2px; }
.left-dh-f{font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; padding-top: 26px; }
.left-dh-e{font-size: 12px; color: #929292; text-align: center; text-transform: uppercase; padding-top: 4px; }
.short_title img{width:100%;}
.widget ol{/*margin-top:31px;*/}
.widget dd{width:100%;height:41px;text-align:center;margin-bottom:2px;}
.widget dd a{display:block;width:100%;line-height:41px;background:#e5e5e5; }
.widget a:hover{background:#fdf34d;color:#3e3e3e; }
.pro-tit{width: 921px; height: 41px; background: #e5e5e5; font-size: 16px; color: #292929; font-weight: bold; line-height: 41px; margin-bottom: 24px; }
.widget p{width:100%;line-height:62px;background:#eee;margin-top:1px;font-size:16px;font-family:'SimSun';font-weight:bold;text-align:center;}

.article{overflow:hidden;margin-bottom:78px;width:1200px; }
.article p{font-size:14px;line-height:30px; }
.article p img{max-width:100%;}
.article0{overflow:hidden;margin-bottom:78px;width:921px; }
.article0 p{font-size:14px;line-height:30px; }
.article0 p img{max-width:100%;}
#allmap p{line-height:10px;margin:10px;white-space:nowrap;}

.page{margin:20px 0px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/

.contact0{margin-bottom:50px;}
.contact0 li{float:left;width:191px; border:1px dashed #ddd;text-align:center;border-radius:5px;margin-right:42px;}
.contact0 li:nth-child(4){margin-right:0;}
.contact0 li img{padding-top:34px;height:50px;}
.contact0 li h3{font-weight:bold;font-size:18px;color:#666;padding-top:26px;}
.contact0 li p{color:#004098; line-height:24px;padding-top:12px;}

/*message*/
.mess{width:800px;}
.mess li{width:100%;margin-bottom:12px;}
.mess img{vertical-align:-5px;cursor:pointer;}
.mess input{padding:0 16px;width:360px;height:40px;background:none;border:1px solid #ddd;border-radius:5px;}
.mess textarea{padding:0 16px;width:766px;height:160px;background:none;border:1px solid #ddd;border-radius:5px;line-height:40px;}
.mess #submit{width:204px;height:42px;border:none;background:#3e57be;color:#fff;cursor:pointer;}

.pro li{float:left;width:221px;height:329px;text-align:center;overflow:hidden;margin:0 12px 18px 0; position:relative;}
.pro li:nth-child(4n){margin-right:0;}
.pro li img{width:221px; height:289px; }
.pro-cont{width:100%;height:40px;position:absolute;bottom:0;transition:0.4s;}
.pro-cont p{line-height:40px;width:100%;height:40px; overflow:hidden;color:#666;}
.pro-cont span{display:block;width:114px;height:28px;border:1px solid #fff;margin:0 auto;line-height:28px;}
.pro li a:hover .pro-cont{height:110px;background:rgba(62,87,190,0.98);color:#fff;}
.pro li a:hover .pro-cont p{padding-top:10px;color:#fff;}
/*************index&goods**************/
.info_title{width:100%;height:40px;background:#e5e5e5;margin-top:42px;}
.info_title span{display:inline-block;width:134px;height:100%;background:#004098; color:#fff;line-height:40px;text-align:center;}
/********goods_info&jobs_info*******/
.pro_more{width:100%;margin-top:34px;}
.pro_info_tel{width:480px; }
.pro_info_tel p{font-size:20px;font-weight:bold; color:#444444; line-height: 34px; }
.pro_info_btn{width:128px;height:30px; font-size:14px; }
.pro_info_btn a{display:block;width:114px;height:30px;background:#004098; color:#fff;border-radius:5px;text-align:center;line-height:30px; margin-bottom: 4px; }
.pro_info_btn a:hover{background:#e61717; }

.news li{width:100%;height:120px;border-bottom:1px dashed #ddd;margin-bottom:38px;}
.news li h3{font-size:18px;font-weight:bold;}
.news li span{display:block;font-size:12px;color:#777;padding-top:16px;}
.news li p{color:#777;padding-top:16px;}
.news a:hover{color:#3e57be;}
/****************news*****************/
.news_title{text-align:center;line-height:40px;font-size:20px;}
.meta{color:#999;text-align:center;line-height:28px;}
.meta img{max-width:100%;padding:10px 0 20px 0;}
/***********news_info**************/

.case li{float:left;width:300px;height:298px;text-align:center;overflow:hidden;margin:0 7px 16px 0;position:relative;}
.case li:nth-child(3n){margin-right:0;}
.case li img{width:300px; max-height:243px; }
.case-cont{width:100%;height:55px;position:absolute;bottom:0;transition:0.4s;}
.case-cont p{line-height:55px;width:100%;height:55px;overflow:hidden;color:#7e7e7e;font-size:16px;}
.case-cont span{display:block;width:114px;height:28px;border:1px solid #fff;margin:0 auto;line-height:28px;}
.case li a:hover .case-cont{height:110px;background:rgba(62,87,190,0.98);color:#fff;}
.case li a:hover .case-cont p{padding-top:5px;color:#fff;}

.shili li{float:left;width:300px;text-align:center;overflow:hidden;margin:0 7px 16px 0;position:relative;}
.shili li:nth-child(3n){margin-right:0;}
.shili li img{max-width:300px; height:243px; }
.shili span{display:block;width:100%;height:48px;line-height:48px;overflow:hidden;}
.shili li a:hover{color:#3e57be;}

.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/

.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
.order #submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一页_下一页*/
#prev_next{margin: 20px 0px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px;
    padding: 9px 9px;
    border: solid 2px #ddd;
    float: left;
    background: #ddd;
    border-radius: 5px;

    }
#prev_next li:hover{
    background: #004098;
    border: solid 2px #004098;
    color: #fff;
    transition:all .2s;
    }
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/
/*2017-7-17 update */
/*产品详情*/
.o_product{
    clear: both;
    padding: 0 20px 18px 20px;
}
.o_product .o_product_img{
    /*float: left;*/
    width: 800px;
    margin:0 auto;
}
.o_product .o_product_img .o_product_thumb{
    width: 800px;
    height: 372px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small{
    margin-top:10px;
    height: 55px;
    position: relative;
}
.swiper-container{
    width: 420px;
    height: 50px;
    margin-top: 9px;
    overflow: hidden;
}
.o_product .product_small .arrow-left{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../Image/swiper-l.png) no-repeat;
    position: absolute;
    left: -15px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small .arrow-right{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../Image/swiper-r.png) no-repeat;
    position: absolute;
    right: -12px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small ul{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.o_product .product_small ul li{
    float: left;
    height: 50px;
    width: 50px;
    margin: 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small ul li.select img{
    border: 1px solid #C4C4C4;
}
.o_product .product_small ul li img{
    height: 50px;
    display: inline-block;
    box-sizing: border-box;
}
.o_product .o_product_img .o_product_thumb img{
    max-width: 580px;
    display: inline-block;
    vertical-align: middle;
}

.o_product .o_product_info{
    float: right;
    width: 400px;
}
.o_product .o_product_info h2{
    color: #3f3f3f;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    padding-top: 12px;
}
.o_product .o_product_info .o_product_detail{
    background: #F6F6F6;
    font-size: 14px;
    color: #999;
    padding: 15px 18px;
    margin-top: 20px;
    
}
.o_product .o_product_info .o_product_detail .o_product_data{
    clear: both;
    width: 100%;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.o_product_data span{
    display: inline-block;
    float: left;
    line-height: 26px;
}
.o_product_data span.key{
    width: 56px;
    text-align: right;
}
.o_product_data span.val{
    width: 308px;
}
.colhs{
    color: #3e57be;
}
.o_product_data span.val b{
    color:#3e57be;
    font-size: 16px;
}
.o_product_info .go_order{
    padding: 8px 25px;
    color: #3f3f3f;
    font-size: 16px;
    border-radius: 5px;
    background: #fdf34d;
    border: none;
    margin-top: 40px;
    font-weight: bold;
    outline: none;
}
.o_product_info .go_order:hover{
    background: #e61717;
    color: #fff;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #3e57be;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #2da53a;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
ul, li {
    list-style: none;
}
.clearfix::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}
body {
    font-size: 14px;
    font-family: 微软雅黑;
}
.title {
    margin-bottom: 40px;
}
.title h2 {
    font-size: 36px;
    color: #444;
    font-weight: normal;
}
.title h2 span {
    font-weight: bold;
}
.title a.right {
    width: 170px;
    height: 40px;
    display: block;
    line-height: 40px;
    padding-left: 30px;
    color: #fff;
    background: #a0a0a0 url('../Image/icon_r.png') right 30px center no-repeat;
}
.title a.right:hover {
    background: #1963b1 url('../Image/icon_r.png') right 30px center no-repeat;
    transition:all .2s;
}
.product .pro-list a:hover{
	background: #444;
	color: #fdf34d;
	transition:all .2s;
}
.main {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
.flex-style-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-style-2 {
    display: flex;
    align-items: center;
}
.flex-style-3 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-style-4 {
    display: flex;
    justify-content: space-between;
}
.flex-style-5 {
    display: flex;
}
.top {
    height: 40px;
    width: 100%;
    background: #2f2f2f;


    display: flex;
    z-index: 9999;
    position: fixed;
    top: 0;
}
.top p, .top a {
    color: #a5a5a5;
}
.top a{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 10px;
}
.top a:last-child {
    border-left: 2px solid #a5a5a5;
    padding-right: 0;
    padding-left: 12px;
}
.header0{
    width: 100%;
    height: 120px;

    display: flex;
    z-index: 9999;
    position: fixed;
    top: 40px;
    background: #fff;
    box-shadow: 0 0px 19px rgba(51, 51, 51, .2);
}
.header0 .logo {
    width: 300px;
    height: 82px;
}
.header0 .logo img{
    max-width: 300px;
    max-height: 82px;
}
.header0 .nav a {
    font-size: 16px;
    color: #2d2d2d;
    font-weight: bold;
    margin-left: 40px;
}
.header0 .nav a:hover{
	color: #1c63b0;
	transition:all .2s;
}
.banner .banner-item {
    width: 100%;
    height: 720px;
    background: blue;
}
.ny-banner{ margin-top: 160px; }
.product {
    padding: 78px 0;
}
.product .pro-list {
    margin-bottom: 40px;
    width: 100%;
    background: #fdf34d;
    height: auto;
}
.product .pro-list a {
    display: inline-block;
    padding: 15px 12px;
    color: #1e1e1e;
    font-weight: bold;
}
.product .pro-item {
    height: 425px;
}
.product .pro-item .img {
    height: 375px;
    width: 100%;
    background: #5d5d5d;
    overflow: hidden;
}
.product .pro-item .img img{
	height: 375px;
    width: 100%;
}
.product .pro-item:hover .tit p{
	background: #004098;
	color: #ffffff; 
	transition:all .2s;
}
.product .pro-item .tit {
    height: 50px;
    width: 100%;
    background: #e5e5e5;
}
.product .pro-item .tit p {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
}
.news0 {
    padding: 70px 0 60px;
}
.news0 .content ul {
    margin-right: -30px;
}
.news0 .content li {
    float: left;
    width: calc(50% - 30px);
    margin-right: 30px;
    height: 135px;
    margin-bottom: 30px;
    border: 2px solid #eaeaea;
}
.news0 .content li .left {
    width: 135px;
    height: 135px;
}
.news0 .content .date p {
    color: #a4a4a4;
    font-size: 12px;
    text-align: center;
    font-family: 'Arial';
}
.news0 .content .date p.big {
    font-size: 48px;

}
.news0 .content li .right {
    width: calc(100% - 135px);
    height: 135px;
    background: #eaeaea;
    padding: 20px;
}
.news0 .content li .right h4 {
    font-size: 16px;
    color: #777;
    margin: 10px 0;
}
.news0 .content li .right p {
    color: #777;
    line-height: 20px;
}
.news0 .content li:hover {
    border: 2px solid #01a2ea;
    transition:all .2s;
}
.news0 .content li:hover .right {
    background: #01a2ea;
    transition:all .2s;
}
.news0 .content li:hover .right h4, .news0 .content li:hover .right p{
    color: #fff;
}
.contact {
    padding: 97px 0 97px;
    background: url(../Image/ly-bg.jpg)center no-repeat;
    width: 100%;
    height: auto;
}
.contact .left p.en {
    font-size: 55px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 50px;
}
.contact .left h3 {
    font-size: 42px;
    font-weight: normal;
    color: #fff;
}
.contact .left h3 span {
    color: #fff100;
}
.contact .left p.text-1 {
    font-size: 16px;
    color: #fff;
    margin-top: 9px;
}
.contact .left p.text-2 {
    color: #fff;
    margin-top: 30px;
}
.contact .left p.text-3 {
    color: #fff100;
    font-size: 30px;
    font-family: 'Impact';
}
.contact .right {
    width: 700px;
}
.contact .right h4 {
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    margin-bottom: 24px;
}
.contact .right input {
    width: 305px;
    height: 45px;
    background: #aeaeae;
    border: none;
    margin-bottom: 6px;
}
.contact .right input[type=text] {
    padding-left: 10px;
}
.contact .right input[type=submit] {
    background: rgba(0,64,152,.5);
    color: #fff;
}
.contact .right textarea {
    width: 305px;
    height: 90px;
    background: #aeaeae;
    border: none;
}
.contact .content-l {
    display: flex;
    flex-direction: column;
}
.contact .content-r {
    width: 335px;
}
.about {
    padding: 90px 0;
    width: 100%;
    background: #f3f3f3;
}
.about .left h2 {
    font-size: 36px;
    color: #444;
    font-weight: normal;
}
.about .left h2 span {
    font-weight: bold;
}
.about .left p.down {
    color: #004098;
    font-size: 24px;
    margin: 10px 0 28px;
}
.about .left a {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding-left: 30px;
    background: #004098 url('../Image/icon_r.png') right 30px center no-repeat;
    border-left: 4px solid #fff100;
    margin-top: 48px;
    transition:all .2s;
}
.about .left a:hover{
	background: #444444 url('../Image/icon_r.png') right 22px center no-repeat;
	transition:all .2s;
}
.about .left p.text {
    color: #444;
    line-height: 1.8;
}
.about .right, .about .left {
    width: 560px;
}
.about .right ul {
    margin-right: -6px;
}
.about .right li {
    float: left;
    width: calc(50% - 6px);
    margin-bottom: 6px;
    margin-right: 6px;
    height: 175px;
}
.about .right .li1 {
    float: left;
    width: calc(50% - 6px);
    margin-bottom: 6px;
    margin-right: 6px;
    height: 175px;
    background: url(../Image/abo1.png)center no-repeat;
}
.about .right .li2 {
    float: left;
    width: calc(50% - 6px);
    margin-bottom: 6px;
    margin-right: 6px;
    height: 175px;
    background: url(../Image/abo2.png)center no-repeat;
}
.about .right .li3 {
    float: left;
    width: calc(50% - 6px);
    margin-bottom: 6px;
    margin-right: 6px;
    height: 175px;
    background: url(../Image/abo3.png)center no-repeat;
}
.about .right .li4 {
    float: left;
    width: calc(50% - 6px);
    margin-bottom: 6px;
    margin-right: 6px;
    height: 175px;
    background: url(../Image/abo4.png)center no-repeat;
}
.about .right li p {
    text-align: center;
    font-size: 18px;
    color: #fff;
}
.about .right li p span {
    font-size: 60px;
    font-family: 'Impact';
}
.case0 {
    padding: 90px 0;
}
.case0 .content .left {
    width: 597px;
    height: 640px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.case0 .content .left img{
	-webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.case0 .content .left:hover img{
	-webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
}
.anli-ms{width: 440px; float: left; }
.anli-jt{width: 48px; float: right; font-size: 48px; font-family: '宋体'; color: #000000; transition:all .2s; }
.case0 .content .left:hover .anli-jt{padding-left: 9px; transition:all .2s; }
.case0 .content .left .left-tit {
    position: absolute;
    bottom: 0;
    height: 120px;
    width: 100%;
    background: #fff100;
    padding: 0 20px;
}
.case0 .content .left .left-tit p {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
}
.case0 .content .right {
    width: 597px;
    height: 640px;
}
.case0 .content .right ul {
    margin-right: -6px;
}
.case0 .content .right li {
    float: left;
    width: calc(50% - 6px);
    margin-right: 6px;
    height: 317px;
    background: #dddddd;
    overflow: hidden;
}
.case0 .content .right li:hover img{
	-webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
}
.case0 .content .right li img{
	width: 100%;
	max-height: 100%;
	-webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.case0 .content .right li:nth-of-type(1), .case0 .content .right li:nth-of-type(2) {
    margin-bottom: 6px;
    display:flex;align-items:center;justify-content:center;
}
.honor {
    width: 100%;
    background: url(../Image/honor-bg.jpg)center no-repeat;
    padding: 90px 0;
}
.honor .left {
    width: 410px;
}
.honor .right {
    width: 710px;
}
.honor .honor-item {
    height: 290px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.honor .honor-item img{
	max-width: 100%;
    max-height: 290px;
    background: #ccc;
}
.honor .left h3 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
}
.honor .left h3 span {
    color: #fff100;
    font-weight: normal;
}
.honor .left p {
    color: #fff;
    line-height: 1.8;
}
.honor .right {
    padding: 25px;
    background: #fff;
}
.footer0 {
    background: #004098;
}
.footer0 .part-1 .footer0-logo{
    width: 260px;
    height: 70px;
}
.footer0 .part-1{
	width: 297px;
}
.footer0 .part-1 p {
    text-align: center;
    color: #fff;
    margin-top: 4px;
}
.footer0 .part-1 p.num {
    font-size: 30px;
    margin-top: 22px;
}
.footer0 .part-1 a {
    display: block;
    width: 210px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border: 1px solid #4e75ab;
    margin: 32px auto;
}
.footer0 .part-1 a:hover{
	background: #fff;
	color: #004098;
	transition:all .2s;
}
.footer0 .part-2 {
    width: 280px;
}
.footer0 .footer0-1 h4 {
    color: #fff;
    font-size: 18px;
    margin-top: 7px;
    margin-bottom: 20px;
}
.footer0 .part-2 li {
    float: left;
    margin-right: 20px;
    width: calc(50% - 22px)
}
.footer0 .part-2 li a {
    color: #fff;
    height: 34px;
    line-height: 34px;
}
.footer0 .part-3 {
    width: 480px;
}
.footer0 .footer0-contact {
    flex-wrap: wrap;
}
.footer0 .part-3 p {
    width: 240px;
    color: #fff;
    height: 30px;
    line-height: 30px;
}
.footer0 .footer0-1 {
    padding: 80px 0 90px;
}
.footer0 .footer0-2 {
    width: 100%;
    height: 90px;
    border-top: 1px solid #1c4e93;
}
.footer0 .footer0-2 p {
    text-align: center;
    color: #fff;
    margin-top: 28px;
}
.swiper-button-prev2{width: 25px; height: 33px; background: #fff100; line-height: 33px; font-size: 18px; color: #000000; text-align: center; position: absolute; left: 0; top: 45%; font-family: '宋体'; z-index: 9999; }
.swiper-button-next2{width: 25px; height: 33px; background: #fff100; line-height: 33px; font-size: 18px; color: #000000; text-align: center; position: absolute; right: 0; top: 45%; font-family: '宋体'; z-index: 9999; }
.mbx-item{width: 100%; height: 55px; border-bottom: solid 1px #cacaca; line-height: 55px; margin-bottom: 30px; }
.mbx-item:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.mbx-item-l{width: 600px; float: left; font-size: 14px; color: #444444; }
.mbx-item-r{width: 600px; float: left; text-align: right; font-size: 14px; color: #a8a8a8; }
.mbx-item-r span{font-size: 16px; color: #e61717; font-weight: bold; }
.abo-bt{text-align: center; margin-bottom: 9px; }
.abo-bt-nr{font-size: 24px; color: #3a3a3a; text-align: center; margin-bottom: 18px; }
.abo-wh{width: 100%; padding:78px 0; background: #f3f3f3; }
.abo-wh-dis{width: 100%; font-size: 14px; line-height: 24px; color: #565656; text-align: center; }
.abo-wh-pic{margin-top: 40px; }
.abo-fc{margin-top: 97px; }
.left-lx{width: 100%; background: #f0f0f0; padding:16px 10px; font-size: 14px; line-height: 30px; }
.mt10 h2{font-size: 16px; margin-bottom: 9px; font-weight: bold; }
.honor .left a {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding-left: 30px;
    background: #004098 url(../Image/icon_r.png) right 30px center no-repeat;
    border-left: 4px solid #fff100;
    margin-top: 48px;
    transition: all .2s;
}
.honor .left a:hover{
	background: #444444 url('../Image/icon_r.png') right 22px center no-repeat;
	transition:all .2s;
}