@charset "utf-8";
/*******CSS commont*************/
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,button{font-weight:inherit;font-size:inherit;font-family:inherit; border: 0px;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{ background:#fff; overflow-x: hidden; color:#333; font-size: 12px; font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 15px; }
}
a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:hover{ text-decoration: none; color:#0067ac; }
.left{float:left;}
.right{float:right;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }
/*******Css*******/
/*******Css header*******/
#header{ padding: 15px 0px; }
#header .container{ position: relative; }
.logo{ width: 60%; }
.logo img{ width: 100%; }
.nav-trigger{ width:26px; height:26px; z-index:999; background: url(../Image/micon.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 15px; }
.navigation-is-visible .nav-trigger{ width: 32px; height: 30px; background: url(../Image/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.nav_transform1{position:absolute;top:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}
.nav-overlay{position:fixed;top:0;left:0; z-index:10;width:100%;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 10px 0px 10px 30px;  }
.navp1 img{ max-width: 80%; }
.navp2{ padding: 5px 0px 5px 30px; }
.navp2 strong{ color:#0067ac; font-size: 14px;}
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; line-height:40px; max-height:40px; font-size: 16px; padding: 0px 20px;}
.nav-item.on a{ color: #0067ac; }
#mnav{ padding:8px 0px; background:#0067ac; overflow: hidden;}
#mnav a{ color: #fff; height:30px; line-height: 30px; font-size: 14px; float: left; width: 25%; text-align: center;}
#mnav a.on{ color: #f3e145; }
#mnav a:hover{ color: #f3e145; }
.lag{ height: 20px; line-height: 20px; font-size: 14px; color: #B4B4B4; font-weight: bold; position: absolute; top: 50%; margin-top: -10px; right: 45px;}
.lag a{ color: #B4B4B4; }
.lag a:hover{ color: #0067ac; }
.lag a.on{ color: #0067ac; }
@media (min-width:768px) 
{
    .logo{ width: 262px; }
    .lag{ right: 0px; }
    #mnav{ padding: 0px; }
    #mnav a{ width: 12.5%; height:50px; line-height: 50px;}
}
@media (min-width:992px) 
{
    #mnav a{ height:55px; line-height: 55px; font-size: 16px;}
}
@media (min-width:1200px) 
{
    #header{ padding:0px; height: 110px;}
    .logo{ margin-top: 28px; }
    .nav{ height: 120px; line-height: 120px; position: absolute; right: 150px; z-index: 3; }
    .nav a{ font-size: 16px; transition: all ease 1s; text-align: center; width: 100px; float: left; margin-left: 0px; color: #444444; }
    .nav a:hover{ color: #fff; background:#0067ac;  }
    .nav a.on{ color: #fff; background:#0067ac;  }
    .lag{ border-left: solid 1px #ADADAD; padding-left: 20px; font-size: 15px; margin-top: 8px; }
}

/*******Css banner*******/
.banner{height:100%; text-align:center; overflow:hidden; margin:0px auto; position: relative;}
.banner .hd{ width: 70px; left: 50%; position: absolute; margin-left: -35px; bottom: 50px;}
.banner .hd li{ width:15px; height: 15px; margin-right: 8px; cursor: pointer; border-radius: 50%; float: right; background:#fff; transition: all ease 1s; }
.banner .hd li.on{  background: rgba(0,103,172,1);}
.page_banner{ width: 100%; margin:0px auto; text-align:center; overflow:hidden; position: relative;}
.page_banner img{ max-width: 100%; }
.page_bannerc{ width: 280px; padding-top: 20px; height:100px; text-align: center; border: solid 3px rgba(255,255,255,0.3); position: absolute; top: 50%; margin-top: -50px; z-index: 6; left: 50%; margin-left: -140px;}
.page_bannerp1{ font-size: 20px; font-weight: bold; color: #fff;}
.page_bannerp2{ color: #fff; margin-top: 5px; }
#page_menu{ height: 34px; line-height: 34px; border-bottom: solid 1px #E6E6E6;}
.page_menuc{ background: url(../Image/page_icon1.jpg) no-repeat left center; padding-left: 26px; color: #999999;}
.page_menuc a{ color: #999; }
#page_menus{ height: 35px; line-height: 35px; background:#EEEEEE;}
.page_menusc{ background: url(../Image/page_icon1s.jpg) no-repeat left center; padding-left: 26px; color: #999999;}
.page_menusc a{ color: #999; }

@media (min-width:1200px) 
{
    .page_bannerc{ width: 550px;  padding-top: 43px;  height: 198px; margin-top: -99px; margin-left: -275px;}
    .page_bannerp1{ font-size: 50px; }
    .page_bannerp2{ font-size: 18px; }
    #page_menu{ height: 60px; line-height: 60px; }
    #page_menus{ height: 60px; line-height: 60px; }
    .pban0{ background-image:url(../Image/page_banner.jpg);}
    .pban4{ background-image:url(../Image/pban4.jpg); }
    .pban3{ background-image:url(../Image/pban3.jpg);}
    .pban2{ background-image:url(../Image/pban2.jpg); }
    .paralasic{ width: 100%; background-attachment: fixed;  
  background-size: 100% auto;  height: 520px;background-position: center top;
  background-repeat: no-repeat;  position: relative;}
}

.smenubox{
    z-index: 999;
    position: fixed;
    left: 0;
    top: 50%;
    width: 70px;
    height: 140px;
    margin-top: -70px;
    background: rgba(195,195,195,.5);
    cursor: pointer;
    overflow: hidden;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    padding-top: 30px;
    transform: translateX(-95px);
    -webkit-transform: translateX(-95px);
    -moz-transform: translateX(-95px);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.smenubox.show{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}
.smenubox span{
    font-size: 16px;
    line-height: 25px;
    color: #222;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.smenubox .close{
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;  
    padding-left: 17px;
}
.scroll-header{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 98;
    transform: translateX(-460px);
    -webkit-transform: translateX(-460px);
    -moz-transform: translateX(-460px);
    transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
.scroll-header.active{
    transform:matrix(1,0,0,1,0,0);
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
    -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
    -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
}
.scroll-header .scroll-menu{
    position: absolute;
    left: 0;
    top: 0;
    width: 460px;
    height: 100%;
    background-color: #222;
    padding: 120px 30px 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
    -webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
    -moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
}
.scroll-header .scroll-menu ul{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    left: 46%;
}
.scroll-header .scroll-menu li{
    width: 100%;
}
.scroll-header .scroll-menu li a{
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    transition: all ease .5s;
}
.scroll-header .scroll-menu li a:hover{
    color: #b8d00b;
}
.scroll-header .scroll-menu li.on a{
    color: #b8d00b;
}
.pagebox{
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
.pagebox.active{
    transform: translateX(460px);
    -webkit-transform: translateX(460px);
    -moz-transform: translateX(460px);
    transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
    -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
    -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
}

/*******Css home*******/
#chan1{ border-bottom: solid 1px #EDEDED; padding: 25px 0px;}
.gg{ overflow: hidden; }
.gg li{ width: 50%; float: left; text-align: center; margin: 8px 0px;}
.gg_p1 .iconfont{ font-size:22px; }
.gg_p2{ font-size: 16px; margin-top: 5px;}
.gg_p3{ color: #ababab; margin-top: 2px;}
@media (min-width:768px) 
{
    .gg li{ width: 25%; }
}
@media (min-width:992px) 
{
    .gg_p1 .iconfont{ font-size: 25px; }
}
@media (min-width:1200px) 
{
    #chan1{ padding: 0px 0px; }
    .gg li{ margin: 0px 0px; padding: 40px 5px; height: 206px; transition: all ease 0.6s;}
    .gg li:hover{ background:#0067ac;  }
    .gg_p1 .iconfont{ font-size: 36px; }
    .gg_p2{ font-size: 21px; }
    .gg_p3{ font-size: 13px; margin-top: 4px;}
    .gg li:hover{ padding: 30px 5px 50px 5px; }
    .gg li:hover .gg_p1{ color: #fff; }
    .gg li:hover .gg_p2{ color: #fff; }
    .gg li:hover .gg_p3{ color: #fff; }
}

#chan2{ background: url(../Image/bg1.jpg) no-repeat center bottom; margin-top:25px;}
.chan2ul{ overflow: hidden; }
.about_p1{ height: 40px; line-height: 40px; position: relative; padding-left: 25px;}
.about_p1 a{ font-size: 24px; font-weight: bold; }
.about_p1 i{ width: 40px; height: 6px; background: #0067ac; position: absolute; left: 0px; top: 50%; margin-top: -3px;}
.about_p2{ overflow: hidden; line-height: 1.7; margin-top: 5px;}
.about_p2s{ overflow: hidden; line-height: 1.7; margin-top: 5px;}
.about_p3{ margin-top: 10px; }
.about_p4{ margin-top: 15px; }
.about_p4 img{ width: 100%; }
.chan2c{ background: #0067ac; padding: 15px; color: #fff;}
.about_p5{ font-size: 19px; }
.about_p6{ margin-top: 10px; line-height: 1.7; overflow: hidden; }
.about_p7{ margin-top: 15px; overflow: hidden;}
.about_p7 a{ width: 26px; text-align: center; height: 26px; line-height: 26px; float: left; background: #fff; color:#0067ac; }
.about_p7 a .iconfont{ font-size: 20px; }
.products_t{ margin-top: 25px; position: relative;}
.products_tp1{ margin-top: 5px; line-height: 1.7; color: #444444;}
.products_ta1{ width: 26px; height: 26px; line-height: 26px; text-align: center; position: absolute; right: 0px; top: 7px; background: #0067ac; color: #fff;}
.products_ta1 .iconfont{ font-size: 20px; }
.products_ta1:hover{ background: #b85c26; color: #fff;}
.com_about_p1{ font-size: 14px; font-weight: bold; color: #0067ac; margin-top: 10px;}
.com_about_p2{ line-height:2; }
.com_about_p3{ font-size: 15px; font-weight: bold; color: #fff; margin-top: 10px; }
@media (min-width:992px) 
{
    #chan2 .container{ position: relative; }
    .chan2ul li{ width: 50%; float: left; }
    .about_p1{ margin-top: 15px; }
    .about_p2{ padding: 0px 20px; }
    .about_p2s{ padding: 0px 20px 0px 0px; }
    .about_p3{ padding: 0px 20px; margin-top: 20px;}
    .about_p4{ margin-top: 0px; }
    .chan2c{ padding: 25px; transition: all 0.3s;}
    .chan2c:hover{ background: #b85c26; }
    .chan2c:hover .about_p7 a .iconfont{ color:#b85c26;  }
    .chan2a1{ position: absolute; bottom: 120px; right: 0px; width: 43%;}
    .chan2a1 img{ width: 100%; }
    .products_t{ margin-top: 90px; }
    .products_ta1{ top: 20px; }
    .com_chan2a1{ position: absolute; right: 0px; width: 43%; top: 140px;}
    .com_chan2a1 img{ width: 100%; }
}
@media (min-width:1200px) 
{
    #chan2{ margin-top: 80px; }
    .about_p1{ height: 60px; line-height: 60px; margin-top: 23px; padding-left: 28px;}
    .about_p1 a{ font-size: 40px; }
    .about_p1 i{ width: 50px; height: 8px; margin-top: -4px; }
    .about_p2{ line-height: 27px; height: 54px; margin-top: 25px; padding: 0px 80px 0px 55px;}
    .about_p2s{ line-height: 27px; height: 81px; margin-top: 25px; padding: 0px 80px 0px 0px;}
    .about_p3{ margin-top: 27px; padding: 0px 80px 0px 55px; }
    .chan2c{ padding: 40px 80px 40px 55px; }
    .about_p5{ height: 50px; line-height: 50px; overflow: hidden; font-size: 32px; }
    .about_p6{ line-height: 27px; height: 81px; margin-top: 15px;}
    .about_p7{ margin-top: 28px; }
    .about_p7 a{ width: 36px; height: 36px; line-height: 36px; }
    .about_p7 a .iconfont{ font-size: 26px; }
    .chan2a1{ width: auto; bottom: 155px;}
    .products_t{ margin-top: 140px; }
    .products_ta1{ width: 36px; height: 36px; line-height: 36px; top: 30px;}
    .products_ta1 .iconfont{ font-size: 26px; }
    .com_about_p1{ font-size: 17px; margin-top: 25px; }
    .com_chan2a1{ width: 543px; top: 350px;}
    .com_about_p2{ padding: 15px; }
    .com_about_p3{ font-size: 20px; margin-top: 20px; padding: 15px;}
}
#chan3{ margin-top: 15px; }
.products{ overflow: hidden; position: relative;}
.products .hd{ overflow: hidden; }
.products .hd li{ cursor: pointer; padding:8px 0px; width: 48%;  font-size: 14px;  margin: 0px 1% 10px 1%; background: #0067ac; color:#fff; float: left; text-align: center; }
.products .hd li.on{ background: #b85c26; }
.products .bd{ overflow: hidden; margin-top: 12px;}
.productsc{ background: #21262c; overflow: hidden;}
.products_img{ overflow: hidden; }
.products_img img{ width: 100%; transition: all 0.3s; }
.products_img a:hover img{ transform:scale(1.05); }
.products_txt{ padding: 20px 20px 30px 20px; }
.products_p1{ height: 40px; line-height: 40px; overflow: hidden; }
.products_a1{ font-size: 19px; float: left; color: #fff;}
.products_a1:hover{ color: #fff; }
.products_a2{ float: right; color: #fff;}
.products_a2:hover{ color: #fff; }
.products_ul{ overflow: hidden;}
.products_ul li{ width:47%; padding: 0px 5px; height:40px; line-height: 40px; float: left; margin:0px 1.5%; border-bottom: solid 1px #313941; }
.products_sp1{ width:80%; float: left; overflow: hidden; height: 30px; margin: 5px 0px; line-height: 15px; color: #bac9db;}
.products_sp2{ float: right; color: #535C69; }
@media (min-width:768px) 
{
    .products .hd li{ width: auto; padding: 8px 20px; margin: 0px 20px 0px 0px; }
    .products_img{ width:48%; float: left; }
    .products_txt{ width: 52%; float: left; }
}
@media (min-width:992px) 
{
    .products_img{ width:46%; }
    .products_txt{ width: 54%; }
    .products_ul{ margin-top: 10px; }
    .products_ul li{ height: 38px; line-height: 38px; }
    .products_sp1{ height: 38px; line-height: 17px; font-size: 14px;}
}
#schan3{ margin-top: 45px; }
.sproducts{ overflow: hidden; height: 562px; position: relative;background: #21262c;}
.sproducts .hd{ width: 190px; position: absolute; left: 50%; margin-left: -155px; top: 80px; z-index: 1;}
.sproducts .hd li{ width: 100%; cursor: pointer; color: #333; padding: 0px; text-align: center; font-size: 18px; height: 60px; line-height: 60px; margin:0px 0px 6px 0px; background:#fff; }
.sproducts .hd li.on{ background:#0067ac; color: #fff; }
.sproductsc{  overflow: hidden;}
.sproducts_img{ overflow: hidden; width:45%; float: left;}
.sproducts_img img{ width: 100%; transition: all 0.3s; }
.sproducts_img a:hover img{ transform:scale(1.05); }
.sproducts_txt{ width:440px; float: left; margin-top: 75px; margin-left: 245px;}
.sproducts_p1{ height: 60px; line-height: 60px; overflow: hidden; }
.sproducts_a1{ float: left; font-size: 32px; color: #fff;}
.sproducts_a1:hover{ color:#B9C8DA; }
.sproducts_a2{ float: right; color: #fff;}
.sproducts_a2:hover{ color:#B9C8DA; }
.sproducts_ul{ margin-top: 35px; overflow: hidden; }
.sproducts_ul li{ width: 195px; float: left; margin: 0px 15px 0px 10px; border-bottom: solid 1px #313941;  padding:0px 8px; height:50px; line-height: 50px; }
.sproducts_sp1{ width:80%; float: left; overflow: hidden; transition: all 0.3s; height: 40px; line-height: 20px; margin: 5px 0px; color: #bac9db;}
.sproducts_sp2{ float: right; color: #535C69; transition: all 0.3s;}
.sproducts_ul li:hover .sproducts_sp1{ color: #fff; }
.sproducts_ul li:hover .sproducts_sp2{ color: #fff; }
#chan4{ margin-top: 25px; }
#chan4s{ margin-top: 25px; }
.qysl_p1{ height: 40px; line-height: 40px; position: relative; padding-left: 25px;}
.qysl_p1 a{ font-size: 24px; font-weight: bold; float: left;}
.qysl_p1 i{ width: 40px; height: 6px; background: #0067ac; position: absolute; left: 0px; top: 50%; margin-top: -3px;}
.qysl_p1 span{ height: 40px; float: left; margin-left: 15px; }
.qysl_p1 span img{ max-height: 100%; }
.qysl_ul{ overflow: hidden; margin-top: 8px;}
.qysl_ul li{ margin-top: 10px; }
.qysl_p2{ height: 30px; line-height: 30px; overflow: hidden; font-size: 17px;}
.qysl_p3{ margin-top: 2px; color: #ababab; }
.qysl_p3 a{ color: #0067ac; }
.qysls{ margin-top:20px; }
.qyslsc{ position: relative; overflow: hidden;}
.qyslsc .bd li a{ margin: 15px; float: left; overflow: hidden; box-shadow: 0px 0px 25px rgba(0,0,0,0.3);}
.qyslsc .bd li a:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,0.5); }
.qyslsc .bd li a img{ width: 100%;transition: all 0.3s; }
.qyslsc .bd li a:hover img{ transform:scale(1.05); }
.qyslsc .hd{ height: 42px; padding-right: 96px;}
.qyslsc .hd ul{ float: right; margin-top: 11px;}
.qyslsc .hd li{ height: 20px; cursor: pointer; width: 20px; float: left; text-indent: 999px; background: url(../Image/hd1.jpg) no-repeat center; margin-left: 5px; float: left; }
.qyslsc .hd li.on{ background: url(../Image/hd2.jpg) no-repeat center; }
.qyslsc .prev,.qyslsc .next{ width: 42px; text-align: center; height: 42px; line-height: 42px;  color: #fff; position: absolute; bottom: 0px;}
.qyslsc .prev{ background:#B2B2B2; right: 43px; }
.qyslsc .next{ background:#B2B2B2; right: 0px;}
.qyslsc .prev .iconfont{ font-size: 28px; }
.qyslsc .next .iconfont{ font-size: 28px; }
.qyslsc .prev:hover{ background: #0067ac; }
.qyslsc .next:hover{ background: #0067ac; }
@media (min-width:768px) 
{
    .qysl{ width: 50%; float: left; }
    .qysls{ float: right; width: 48%; margin-top: 0px; }
}
@media (min-width:768px) 
{
    .qysl{margin-top: 20px; }
}
@media (min-width:1200px) 
{
    #chan4{ margin-top: 80px; }
    #chan4s{ margin-top: 160px; }
    .qysl{margin-top: 0px; width: 40%;}
    .qysl_p1{ height: 60px; line-height: 60px; margin-top: 23px; padding-left: 28px;}
    .qysl_p1 a{ font-size: 40px; }
    .qysl_p1 i{ width: 50px; height: 8px; margin-top: -4px; }
    .qysl_p1 span{ height: 60px; margin-left: 45px; }
    .qysl_ul{ margin-top: 40px; margin-left: 24px; }
    .qysl_ul li{ margin-top: 25px; }
    .qysl_p2{ height: 40px; line-height: 40px; font-size: 24px; }
    .qysl_p3{ font-size: 14px; margin-top: 8px; }
    .qysls{ width: 54%; position: relative;}
    .qyslsbg{ width: 380px; height: 540px; border: solid #0067AC 9px; position: absolute; top: 0px; right: 0px; z-index: -1;}
    .qyslsc{ width: 590px; float: left; margin-top: 50px; }
    .qyslsc .bd li a{ width: 540px; height:360px; margin: 25px; box-shadow: 0px 0px 45px rgba(0,0,0,0.3);}
    .qyslsc .bd li a:hover{ box-shadow: 0px 0px 45px rgba(0,0,0,0.5); }
}
#chan5{ background: url(../Image/bg2.jpg) no-repeat top center; margin-top: 25px; overflow: hidden; padding: 25px 0px;}
.zz_p1{ height: 40px; line-height: 40px; position: relative; padding-left: 25px;}
.zz_p1 a{ font-size: 24px; font-weight: bold; float: left; color: #fff;}
.zz_p1 i{ width: 40px; height: 6px; background: #298DDB; position: absolute; left: 0px; top: 50%; margin-top: -3px;}
.zz_p2{ overflow: hidden; line-height: 1.7; margin-top: 3px; color: #96b9d6;}
.zz_img{ margin-top: 15px; text-align: center;}
.zz_img img{ width: 100%; }
.zz_txt{ margin-top: 15px; overflow: hidden;}
.zz_txt a{ width: 100%; float: left; font-weight: bold; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden; color: #fff;}
.zz_more{ margin-top: 15px; overflow: hidden;}
.zz_more a{ width: 36px; text-align: center; color: #0067ac; float: left; height: 36px; line-height: 36px; background: #FFFFFF; }
.zz_more a .iconfont{ font-size: 28px;  }
@media (min-width:768px) 
{
    .zz_img{ width: 50%; float: right; margin-top: -15px;}
    .zz_txt{ width: 38%; float: left; margin-top: 25px;}
    .zz_more{ margin-top: 20px; }
}
@media (min-width:992px) 
{
    .zz_txt{ margin-top: 35px; }
    .zz_txt a{ height: 34px; line-height: 34px; }
    .zz_more{ margin-top: 35px; }
}
@media (min-width:1200px) 
{
    #chan5{ margin-top: 90px; padding: 60px 0px 80px 0px;}
    .zz_p1{ height: 60px; line-height: 60px; padding-left: 28px;}
    .zz_p1 a{ font-size: 40px; }
    .zz_p1 i{ width: 50px; height: 8px; margin-top: -4px; }
    .zz_p2{ line-height: 27px; }
    .zz_img{ width:641px; margin-right: 58px; margin-top: -20px; }
    .zz_txt{ margin-top: 55px; width: 310px;}
    .zz_txt a{ height: 45px; line-height: 45px; font-size: 18px;}
    .zz_more{ margin-top: 35px; }
    .zz_more a{ width: 40px; height: 40px; line-height: 40px; }
}
.zz_txt a:hover{ color: #f3e145; }
.zz_more a:hover{ background:#f3e145; color: #298DDB;}
#chan6{ margin-top: 25px; margin-bottom: 25px; }
.newst{ text-align: center; position: relative;}
.newst_p1{ display: inline-block; height: 40px; line-height: 40px; position: relative; padding-left: 25px;}
.newst_p1 a{ font-size: 24px; font-weight: bold; float: left;}
.newst_p1 i{ width: 40px; height: 6px; background: #0067ac; position: absolute; left: 0px; top: 50%; margin-top: -3px;}
.newsta1{ width: 30px; line-height: 30px; height: 30px; color: #fff; text-align: center; background:#0067ac; position: absolute; right: 0px; top: 50%; margin-top: -15px; }
.newsta1 .iconfont{ font-size: 22px;  }
.news{ overflow: hidden; margin-top: 15px; position: relative; padding-bottom: 50px;}
.newsl{ width: 16%; float: left; text-align: right; color: #878787;}
.newslp1{ font-size: 18px; font-weight: bold; }
.newsr{ width: 79%; float: right; border-left: solid 1px #D5D5D5; padding-left: 5%;}
.newsrp1{ height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; font-weight: bold;}
.newsrp2{ line-height: 18px; height: 36px; overflow: hidden; margin-top: 5px; color: #888888;}
.newsrp3{ color: #0067ac; margin-top: 10px; margin-bottom: 6px;}
.news .swiper-pagination-bullet{ width: 20px; opacity: 1; height: 20px; background: url(../Image/hd1.jpg) no-repeat center; }
.news .swiper-pagination-bullet-active{ background: url(../Image/hd2.jpg) no-repeat center; }
@media (min-width:1200px) 
{
    #chan6{ margin-top: 80px; margin-bottom: 80px;}
    .newst_p1{ height: 60px; line-height: 60px; padding-left: 28px;}
    .newst_p1 a{ font-size: 40px; }
    .newst_p1 i{ width: 50px; height: 8px; margin-top: -4px; }
    .newsta1{ width: 34px; line-height: 34px; height: 34px; margin-top: -17px; }
    .newsta1 .iconfont{ font-size: 28px;  }
    .news{ margin-top: 70px; padding-bottom: 80px;}
    .newsl{ width: 20%; }
    .newslp1{ font-size: 36px; }
    .newsr{ width: 75%; }
    .newsrp1{ height: 32px; line-height: 32px; font-size: 17px; }
    .newsrp2{ line-height: 22px; height: 66px; margin-top: 12px; font-size: 14px; }
    .newsrp3{ margin-top: 12px;}

}
.newsta1:hover{ background: #b85c26; color: #fff; }

/*******Css footer*******/
#footer{  background:#21262c; line-height: 2; padding:15px 0px; color:#637182; margin-bottom: 65px;}
#footer a{ color:#637182; }
#footer a:hover{ text-decoration: underline; color: #fff;}
.footer_p1 span{ margin: 0px 8px; }
.footer_p2{ font-weight: bold; margin-top: 5px;}
.footer_p3{  overflow: hidden; margin-top: 10px;}
.footer_p3 a{ float: left; margin-right: 8px; margin-bottom: 5px; padding: 1px 12px; border: solid 1px #373F48;  }
.footerc{ border-top: solid 1px #293039; margin-top: 15px; padding-top: 15px;}
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#0067ac; }
.footernav a{ color: #fff; }
.footernav ul li{width: 20%; float: left; text-align: center; }
.footernp1{ font-size:2rem;}
.footernp2{ line-height:1.5;}
.footernav ul li.on .footernp1{ animation: swing 1s; }
.right_content{ padding: 10px 0px; }
#warp{ margin-bottom: 25px; }
@media (min-width:768px) 
{
    #footer{ margin-bottom: 0px; }
}
@media (min-width:1200px) 
{
    #warp{ margin-bottom: 60px; }
    #footer{ padding: 45px 0px 25px 0px;}
    .footerl{ float: left; width: 85%; }
    .footer_p1{ font-size: 16px; }
    .footer_p1 span{ margin: 0px 20px; }
    .footer_p2{ margin-top: 20px; }
    .footer_p3{ margin-top: 30px; }
    .footer_p3 a{ padding: 1px 20px; margin-right: 10px;}
    .footerr{ width: 130px; height: 130px; line-height: 35px; float: right; text-align: center; margin-top: 20px; }
    .footerr img{ width: 100%; }
    .footerc{ margin-top:40px; padding-top: 25px;}
    .right_content{ padding: 30px 0px; }
}

/*******Css page*******/
#com_chan1{  padding: 25px 0px 100px 0px; position: relative; overflow: hidden;}
.com_chan1_bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background: url(../Image/bg3.jpg) no-repeat center top; }
.com_chan1t{ text-align: center; }
.com_chan1t p{ display: inline-block; height: 30px; line-height: 30px;}
.com_chan1t p i{ width: 40px; height: 1px; background: #8F97A2; float: left; margin-top: 14px;}
.com_chan1t p span{ float: left; margin: 0px 15px; font-size: 25px; color: #fff;}
.com_gg{ overflow: hidden; border: solid 1px #424F59; border-right:0px; border-bottom:0px; margin-top: 15px;}
.com_gg li{ width: 50%; float: left; color: #fff; text-align: center; border-bottom: solid 1px #424F59; border-right: solid 1px #424F59; padding: 15px 2px;}
.com_gg li a{ color: #fff;  }
.com_gg_p1 .iconfont{ font-size:22px; }
.com_gg_p2{ font-size: 16px; margin-top: 5px;}
.com_gg_p3{ color:#B1B1B1; margin-top: 3px;}
.com_chan1c{ margin-top: 15px; }
.com_chan1p1{ font-size: 16px; font-weight: bold; color: #0067ac; }
.com_chan1p2{ font-size: 16px; color: #fff; }
.com_chan1p3{ line-height: 2; color: #fff; margin-top: 10px;}
.xbtn{ width: 27px; height: 41px; background: url(../Image/icon5.png) no-repeat; position: absolute; bottom: 25px; left: 50%; margin-left: -13px;}
@media (min-width:992px) 
{
    .com_gg li{ width: 25%; }
}
@media (min-width:1200px) 
{
    #com_chan1{ padding: 80px 0px 80px 0px; }
    .com_chan1t p{ height:72px; line-height: 72px;}
    .com_chan1t p i{ width: 65px; margin-top: 35px; }
    .com_chan1t p span{ font-size: 50px; margin: 0px 27px; }
    .com_gg{ margin-top: 55px; }
    .com_gg li{ padding: 30px 0px; }
    .com_gg_p1 .iconfont{ font-size:40px; }
    .com_gg_p2{ font-size: 22px; margin-top:10px; }
    .com_gg_p3{ font-size: 13px; margin-top: 5px;}
    .com_chan1c{ width: 46%; float: left; margin-top: 60px; }
    .com_chan1p1{ height: 50px; line-height: 50px; font-size: 35px; }
    .com_chan1p2{ height: 46px; line-height: 46px; font-size: 30px; overflow: hidden;}
    .com_chan1p3{ font-size: 14px; }
    .com_chan1img{ width: 540px; float: right; margin-top: 85px; margin-right: 20px;}
    .xbtn{ bottom: 60px; animation: fadeInUps 2s infinite;}
    @keyframes fadeInUps{
    0% {
      transform: translate3d(0,0,0);
    }
    50% {
      transform: translate3d(0,30px,0);
    }
    100% {
      transform: translate3d(0,0,0);
    }
    }
}
.process03{ margin-top: 30px; }
.process03 .p02 {font-size: 32px;}
.process03 .p03 {
    font-size: 22px;
    padding-top: 15px;
}
.process03 .p03:before {
    content: "";
    width: 88px;
    height: 3px;
    margin-right: 5px;
    background: #0067ac;
    display: inline-block;
    top: -0.5rem;
    position: relative;
}
.process03 .picFocus {
    padding: 50px 0px 20px 0px;
    height: 612px;
}

.process03 .picFocus .hd {
    width: 401px;
    height: 513px;
    float: left; position: relative;
    z-index: 2
}

.process03 .picFocus .hd ul li {
    width: 401px;
    height: 171px;
    padding: 46px 50px;
    
    background: #efefef;
    border-bottom: 1px #fff solid;
    transition: 0.4s all
}
.process03 .picFocus .hd ul li div{ width: 301px; }

.process03 .picFocus .hd ul li:hover {
    border-bottom: 1px #0067ac solid; background: #0067ac;
    color: #fff;width: 440px
}
.process03 .picFocus .hd ul li.on{
    border-bottom: 1px #0067ac solid; background: #0067ac;
    color: #fff;
}
.process03 .picFocus .hd ul li .picFocusp1 {font-size: 22px;font-weight: bold;}
.process03 .picFocus .hd ul li .picFocusp2 {
    margin-top: 8px;
    font-size: 14px; color: #999; line-height: 24px;
}
.process03 .picFocus .hd ul li:hover .picFocusp2{color: #fff;
}
.process03 .picFocus .hd ul li.on .picFocusp2{color: #fff;
}
.process03 .picFocus .bd {
    width: 799px;
    float: left;position: relative;
    z-index: 1
}

.process03 .picFocus .bd ul li img {
    height: 513px
}


/*******Css list*******/
#newslist{ overflow: hidden; }
#newslist li{ margin-top: 15px; overflow: hidden;}
.newslist_times{ height:26px; line-height: 26px; color: #999; font-size: 13px; }
.newslist_img{ overflow: hidden; }
.newslist_img img{ width: 100%; transition: all 0.3s;}
.newslistp1{ margin-top: 10px; height:28px; line-height: 28px; overflow: hidden; font-size: 15px; font-weight: bold;}
.newslistp2{ line-height: 18px; max-height: 54px; overflow: hidden; color: #999;}
.newslistp3{ margin-top: 5px; color: #0067ac; text-transform: uppercase;}
@media (min-width:768px) 
{
    #newslist li a{ padding: 10px; float: left; position: relative;}
    .newslist_time{ width: 10%; text-align: center; position: absolute; color: #ababab; top: 50%; left: 10px; height: 50px; margin-top: -25px; }
    .newslist_timep1{ height:30px; line-height: 30px; font-size: 18px; font-weight: bold; }
    .newslist_timep2{ height: 20px; line-height: 20px; font-size: 13px;}
    .newslist_img{ width: 28%; float: left; margin-left: 10%; }
    .newslist_txt{ width: 60%; float: right; } 
    .newslistp1{ margin-top: 5px;  }
    .newslistp2{ margin-top: 6px; }
    .newslistp3{ margin-top: 10px; }
}
@media (min-width:992px) 
{
    .newslist_timep1{ font-size: 22px; }
    .newslist_img{ width: 25%; background: #fff;}
    .newslist_txt{ width: 62%; }
    .newslistp1{ font-size: 16px; margin-top: 10px;}
    .newslistp3{ height: 26px; line-height: 26px; overflow: hidden; }
    .newslistp3 i{ transition: all ease 1s; float: left;margin-top: 11px; height: 3px; background: #f2f50b; }
    .newslistp3 span{ float: left; }
    #newslist li a:hover{ background: #0067ac; color: #fff;}
    #newslist li a:hover .newslist_time{ color: #fff; }
    #newslist li a:hover .newslistp2{ color: #fff; }
    #newslist li a:hover .newslistp3{ color: #fff; }
    #newslist li a:hover .newslistp3 i{ width:50px;  margin-right: 6px; }
    #newslist li a:hover .newslist_img img{ transform:scale(0.92); }
}
@media (min-width:1200px) 
{
    #newslist li a{ padding:25px; }
    .newslist_time{ width: 8%; }
    .newslist_timep1{ font-size: 32px; height: 40px; line-height: 40px;}
    .newslist_timep2{ font-size: 15px; }
    .newslist_img{ width: 23%; margin-left: 9%;}
    .newslist_txt{ width: 65%; }
    .newslistp1{ height: 40px; line-height: 40px; font-size: 22px; }
    .newslistp2{ line-height: 23px; max-height: 69px; }
    .newslistp3{ margin-top: 20px; }
    #newslist li a:hover .newslistp3 i{ width:60px; }
}
#page_pro{ margin-top: 25px; }
.page_pro_p1{ height: 40px; line-height: 40px; }
.page_pro_p1 a{ font-size: 24px; font-weight: bold; float: left;}
.page_pro_p1 span{ height: 40px; float: left; margin-left: 15px; }
.page_pro_p1 span img{ max-height: 100%; }
.page_pro_p2{ line-height: 1.7; color: #444444; margin-top: 8px;}
.page_pro_p3{ margin-top: 15px; overflow: hidden; padding: 5px 0px; border-top: solid 1px #D6D6D6; border-bottom: solid 1px #D6D6D6;}
.page_pro_p3 span{ color: #637182; font-size: 14px; float: left; width: 100%; height: 26px; overflow: hidden; line-height: 26px; }
.page_pro_p3 span i{ width: 6px; height: 6px; background: #637182; float: left; margin-top: 10px; margin-right: 10px; }
.page_prow{ margin-top: 25px;  overflow: hidden;}
.page_pros{ overflow: hidden; width: 96%; margin: 20px auto 0px; }
.page_pros_img{ overflow: hidden;}
.page_pros_img img{ width: 100%; transition: all 0.3s; }
.page_pros_img a:hover img{ transform:scale(1.05); }
.page_pros_txt{ margin-top: 15px; }
.page_pros_p1{ height: 30px; line-height: 30px; overflow: hidden; }
.page_pros_a1{ float: left; font-size: 20px; }
.page_pros_a2{ float: right;  color: #999;}
.page_pros_ul{ margin-top: 15px; overflow: hidden; }
.page_pros_ul li{ width:47%; padding: 0px 5px; height: 40px; line-height: 40px; float: left; margin:0px 1.5%; border-bottom: solid 1px #E3E3E3 }
.page_pros_sp1{ width:80%; float: left; overflow: hidden; height: 30px; margin: 5px 0px; line-height: 15px;}
.page_pros_sp2{ float: right; color: #E3E3E3; }
@media (min-width:768px) 
{
    .page_pros{ width: 100%; margin: 0px auto;}
    .page_pros_img{ width:62%; }
    .page_pros_txt{ width: 38%;}
    .spros1 .page_pros_img{ float: left; }
    .spros1 .page_pros_txt{ float: right; }
    .spros0 .page_pros_img{ float: right; }
    .spros0 .page_pros_txt{ float: left; }
    .page_pros_txtc{ padding: 15px; }
}
@media (min-width:992px) 
{
    .page_pros_img{ width: 50%; }
    .page_pros_txt{ width: 50%;}
}
@media (min-width:1200px) 
{
    #page_pro{ margin-top: 60px; }
    .page_pro_p1{ height: 47px; line-height: 47px; }
    .page_pro_p1 a{ font-size: 40px; }
    .page_pro_p2{ margin-top: 10px; }
    .page_pro_p3{ margin-top: 30px; padding: 0px; }
    .page_pro_p3 span{ width: auto; height: 55px; line-height: 55px; margin-right: 50px; font-size: 17px; }
    .page_pro_p3 span i{ margin-top: 24px; }
    .page_prow{ margin-top: 45px; }
    .spros1 .page_pros_txtc{ width:440px; padding: 0px; float: left; margin-top: 65px; margin-left:140px;  }
    .spros0 .page_pros_txtc{ width:440px; padding: 0px; float: right; margin-top: 65px; margin-right:140px; }
    .page_pros_p1{ height: 60px; line-height: 60px;  }
    .page_pros_a1{ font-size: 32px;}
    .page_pros_ul{ margin-top: 35px; }
    .page_pros_ul li{ width: 195px; margin: 0px 15px 0px 10px; padding:0px 8px; height:50px; line-height: 50px; }
    .page_pros_sp1{ transition: all 0.3s; height:40px; line-height: 20px;}
    .page_pros_sp2{ transition: all 0.3s;}
}
.page_pros_ul li:hover .page_pros_sp1{ color: #0067ac; }
.page_pros_ul li:hover .page_pros_sp2{ color: #0067ac; }

#picUL{ overflow: hidden; }
#picUL li{ margin-top: 15px; }
#picUL .pic_01{ border: solid 1px #CACACA; overflow: hidden;}
#picUL .pic_01 img{ width: 100%; transition: all 0.3s; }
#picUL .pic_02{ height: 36px; line-height:18px; margin-top: 3px; margin-bottom: 4px; overflow: hidden; font-size: 14px;}
#picUL .pic_03{ text-transform: uppercase; color: #999;}
.picUL{ overflow: hidden; }
.picUL li{ margin-top: 15px; padding-bottom: 10px; position: relative;}
.picUL .picUL_pic{ overflow: hidden; }
.picUL .picUL_pic img{ width: 100%; transition: all 0.3s; }
.picUL .picUL_txt{ height: 28px; line-height: 28px; overflow: hidden; margin-top: 8px; font-size: 15px;}
.picUL_dc{ margin-top: 8px; line-height: 20px; height: 60px; color: #999; overflow: hidden;}
.picUL li i{ width: 100%; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #D8D8D8; transition: all 0.2s; }
#contactdt{ width: 100%;
    height: 300px;
    overflow: hidden; margin-top: 25px; margin-bottom: 25px;}
@media (min-width:768px) 
{
   .picUL li{ float: left; width: 49%;}
   .picUL li.picULli0{ margin-left: 2%; }
}
@media (min-width:992px) 
{
    .picUL .picUL_txt{ font-size: 16px; }
    .picUL li{ padding-bottom: 13px; }
}
@media (min-width:1200px) 
{
    #picUL li{ margin-top: 25px; }
    #picUL .pic_02{ height: 40px; line-height: 20px;  margin-top: 15px; }
    #picUL .pic_03{ font-size: 13px; height: 20px; line-height: 20px;}
    #picUL .pic_03 i{ height: 3px; background: #0067ac; transition: all ease 1s; float: left;  margin-top:8px;}
    #picUL .pic_03 span{ float: left; }
    #picUL li a:hover .pic_03 i{ width:60px; margin-right: 8px;}
    #picUL li a:hover .pic_01{ box-shadow: 0px 0px 25px rgba(0,0,0,0.4); }
    .picUL li{ margin-top: 35px; padding-bottom: 20px; width: 48%; }
    .picUL li.picULli0{ margin-left: 4%; }
    .picUL .picUL_txt{ height: 40px; line-height: 40px; font-size: 18px;}
    .picUL_dc{ line-height: 22px; height: 66px; font-size: 14px; }
    #picUL .pic_01{ position: relative; }
    #picUL .pic_01 span {
    width: 62px;
    height: 62px;
    background: url(../Image/cimg17.jpg) center center no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all ease .5s;
    }
    #picUL li a:hover .pic_01 span{ opacity: 1;}
    #contactdt{ 
    height: 400px;
    overflow: hidden; margin-top: 50px; margin-bottom: 20px;}
}
.picUL li a:hover .picUL_pic img{ transform:scale(1.05); }

.picUL li:hover i{ background:#0067ac; }
#picUL li a:hover .pic_01 img{ transform:scale(1.05); }
/*******Css info*******/
#company_main{ margin:0 auto; line-height:2; padding:10px; font-size: 1.3rem; }
#company_main img{ max-width:100%; }
#company_main a{ color:#0067ac;}
#contact_main{ margin:0 auto; padding:10px;}
#contact_main a{ color:#0067ac;}
#contact_main p{ padding: 10px; background: #f5f5f5; margin-bottom: 10px; border-radius: 8px; font-size: 1.3rem;}

#page_Title{ line-height:1.8; font-size:1.5rem; text-align:center;}
.page_Info{ height:40px; line-height: 40px; margin-top: 15px; color:#666;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.page_Infoleft { padding-left: 30px; float: left;}
.page_Infoleft i{ margin-right: 5px; }
.page_Share{ margin-right: 10px; float: right; }
.page_Share a{ float: left; margin-left: 10px;}
.page_Share a:hover{ animation: swing 1s; }
.page_Share span{ float: left; }
.ljdg{ width: 150px; height: 48px; line-height: 48px; background: #0067ac; color: #fff; text-align: center; float: right; margin-right: 5px; border-radius: 5px; }

.qd{ float: left; font-size: 16px; margin-left: 25px; }
.qd b{ color:#0067ac; }

.morder{ overflow: hidden; margin-top: 20px; }
.morder li{ overflow: hidden; margin-bottom: 15px;}
.morder_InputText{ width:45%; margin-right: 5%; padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 50px; line-height: 50px;}
.morder_InputText1{ width:95%;  padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 50px; line-height: 50px;}
.morder_textarea{ width:95%;  padding: 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 120px; line-height: 30px;}
.morder_captcha{ width:200px;  padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 50px; line-height: 50px;}
.morder_img{ float: left; margin-left: 10px; margin-top: 15px; height: 20px; cursor: pointer; }
.morder_But{ float: right; outline: none; margin-right: 5%; font-size: 1.6rem; margin-top: 20px; width: 300px; height: 52px; line-height: 52px; background: #0067ac; color: #fff; border-radius: 15px;}
.morder_But:hover{ background: #FF8C10; }

#infoImage{ width:100%;text-align:center; margin:15px 0 15px 0;}
#infoImage img{ max-width:96%;  border:#dcdcdc solid 1px;}
.page_tit_bg{ height:40px; background:#f1f1f1; border-radius:5px; margin:15px auto 0px;} 
.page_tit_tit{
    width:130px;
    height:40px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:#0067ac;
    color:#ffffff;
    line-height:40px;
    text-align: center;
    font-size:15px;
}

#page_Content{ margin:0 auto; line-height:2; padding:10px; }
#page_Content img{max-width:100%;}
#page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #dcdcdc !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
#page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #dcdcdc !important;
    background-color: #dedede;
}
#page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #dcdcdc !important;
}
#page_Content table td a { text-decoration:underline; color: #333;}

.page_Content{ margin:0 auto; line-height:2; padding:10px; }
.page_Content img{max-width:100%;}
.page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.page_Content table td a { text-decoration:underline; color: #333;}


.page_link{ margin-top: 15px; font-size: 18px; color:#0067ac;  }
.search_cp{ height: 45px; line-height: 45px; font-size: 16px; }
.search_cp span{ color:#0067ac; }
/*******Css related*******/
.related{ margin-top:15px; }
.related p{ height:35px; line-height: 35px; font-size: 1.6rem; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:28px; line-height:28px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#0067ac;}

.procls{ margin-top: 10px; overflow: hidden; }
.procls a{ padding: 8px 0px; font-size: 15px; float: left; text-align: center; background: #CECECE; color: #666666; width: 48%; margin: 0px 1% 10px 1%;}
.procls a:hover{ background:#0067ac; color: #fff; }
.procls a.on{ background:#0067ac; color: #fff; }
.proinfo{ margin-top: 15px; overflow: hidden;}
.pro_img{ text-align: center; overflow: hidden;}
.pro_img img{ max-width: 100%; }
.pro_con{ margin-top: 10px;}
.pro_conp1{ line-height: 1.6; font-size: 16px; }
.pro_conp2{ height:36px; line-height: 36px; border-bottom: solid 1px #D5D5D5; overflow: hidden;}
.pro_conp2 strong{ float: left; }
.pro_conp2 a{ color: #b85c26; float: left; }
.pro_conms{ line-height:26px; margin-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #D5D5D5;}
.pro_conp3{ overflow: hidden; margin-top: 10px; }
.pro_conp3 a{ width: 40%; font-size: 16px; height: 40px; border-radius: 5px; line-height: 40px; float: left; background: #b85c26; text-align: center; color: #fff; }
.pro_conp3 a:hover{ background:#0067ac;}
.pro_conp4{ margin-top: 15px; font-size: 15px; font-weight: bold; color:#0067ac;  height: 22px; line-height: 22px; background: url(../Image/tes.jpg) no-repeat left center; padding-left: 30px;}
.pro_conp5 a{ color:#0067ac;}
.pro_conp5{ height: 30px; line-height: 30px; color:#0067ac; font-size: 14px;}
.tj{ margin-top: 15px; }
.tj_t{ font-size: 16px; font-weight: bold; }
.tj_c{ margin-top: 10px; overflow: hidden;}
.tjproducts_img{ overflow: hidden; }
.tjproducts_img img{ width: 100%; transition: all 0.3s; }
.tjproducts_txt{ height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; }
.pro_content{ margin-top: 20px; padding-top: 20px; border-top: solid 1px #CECECE; }
.pro_contentt{ height: 34px; line-height: 34px; }
.pro_contentt span{ font-size:18px; }
.pro_contentt i{ text-transform: uppercase; color: #999; margin-left: 6px; }
.pro_imsa{ text-align: center; }
.pro_imsa img{ max-width: 100%; }
@media (min-width:768px) 
{
    .procls a{ padding: 8px 18px; width: auto; margin:0px 8px 0px 0px;}
    .page_Info{ height: 50px; line-height: 50px; }
    #page_Title{ font-size: 1.8rem; }
    #contact_main{ width: 90%; float: left; }
    .morder_But{ margin-top: 0px; }
}
@media (min-width:992px) 
{
   .procls a{ padding: 10px 22px; font-size: 16px; }
   .pro_img{ width: 40%; float: left; }
   .pro_con{ width: 55%; float: right;}
}
@media (min-width:1200px) 
{
    #page_Title{ font-size:25px; }
    .page_tit_bg{ height: 55px; }
    .page_tit_tit{ height: 55px; line-height: 55px; width: 150px; font-size: 18px;}
    #company_main{ font-size: 16px; }
    #contact_main p{ font-size: 16px; }
    .procls a{ padding: 15px 45px; font-size: 18px;  }
    .proinfo{ margin-top: 50px; }
    .pro_img{ width: 58%; }
    .pro_con{ width: 36%; margin-top: 25px;}
    .pro_conp1{ font-size: 30px; margin-bottom: 15px; }
    .pro_conp2{ height: 50px; line-height: 50px;}
    .pro_conms{ line-height: 28px; margin-top: 15px; }
    .pro_conp3{ margin-top: 20px; }
    .pro_conp3 a{ height: 45px; line-height: 45px; }
    .pro_conp4{ margin-top: 35px; font-size: 16px;}
    .pro_conp5{ font-size: 15px; margin-top: 8px; }
    .tj{ margin-top: 30px; }
    .tj_t{ font-size: 20px; }
    .tjproducts_txt{ font-size: 15px; height: 40px; line-height: 40px; overflow: hidden;}
    .tj_c{ margin-top: 20px; }
    .pro_content{ margin-top: 35px; padding-top: 35px; }
    .pro_contentt{ height: 70px; line-height: 70px; }
    .pro_contentt span{ font-size:36px; }
}
.mess_t{ margin-top: 10px; background:url(../Image/mess.png) no-repeat left center; background-size:auto 100%; height: 50px; padding-left:70px; }
.mess_tl{ float: left; }
.messp1{ height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; }
.messp2{ color: #999; }
.mess_tr{ float: left; font-size: 22px; color: #b85c26; line-height: 50px; margin-left: 10px; font-weight: bold;}
.mess_tr a{ color: #b85c26; }
.mess_sc{ margin-top:15px; font-size: 14px; padding-top: 15px; border-top: solid 1px #EAEAEA;}
.mess_ul{ overflow: hidden; margin-top: 25px; }
.mess_ul li{ margin-bottom: 15px; overflow: hidden;}
.mess_InputText{ width: 100%; height: 40px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.mess_textarea{ width: 100%; height: 120px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.mess_captcha{ width: 150px; height: 40px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px; float: left;}
.mess_img{ float: left; margin-top: 10px; margin-left: 10px; cursor: pointer; }
.mess_But{ width: 100%; height: 50px; line-height: 50px; background-color: #b85c26; cursor: pointer; color: #fff; font-size: 16px;}
.contact_t{ text-align: center; margin-top: 20px; padding-bottom: 10px; border-bottom: solid 1px #EAEAEA;}
.contact_t_p{ display: inline-block; height: 40px; line-height: 40px; position: relative; padding-left: 25px;}
.contact_t_p span{ font-size: 24px; font-weight: bold; float: left;}
.contact_t_p i{ width: 40px; height: 6px; background: #0067ac; position: absolute; left: 0px; top: 50%; margin-top: -3px;}
.contact_l{ margin-top: 10px; }
.contact_r{ text-align: center; }
.contact_r img{ max-width: 100%; }
@media (min-width:992px) 
{
   .contact_l{ width: 70%; float: left; }
   .contact_r{ width: 28%; float: right; margin-top: 40px;}
}
@media (min-width:1200px) 
{
    #warps{ background:#f1f3f6 url(../Image/ccbg1.png) no-repeat bottom center;  }
    .mess_t{ height: 56px; padding-left: 75px; }
    .messp1{ height: 36px; line-height: 36px; font-size: 20px;  }
    .mess_tr{ font-size: 30px; }
    .mess_sc{ margin-top: 40px; padding-top: 40px; font-size: 18px;}
    .mess_ul{ margin-top: 35px; }
    .mess_ul li{ width:32%; float: left; margin-right:2%; }
    .mess_InputText{ height: 48px; line-height: 48px; }
    .mess_textarea{ height: 150px; line-height: 50px; }
    .mess_captcha{ height: 48px; line-height: 48px; width: 160px; }
    .mess_img{ margin-top: 14px; }
    .mess_But{ width: 30%; margin: 0px 0px 0px 35%; transition: all ease 1s; }
    .contact_t{ margin-top: 30px; padding-bottom: 20px; }
    .contact_t_p{ height: 60px; line-height: 60px; padding-left: 28px;}
    .contact_t_p span{ font-size: 34px; }
    .contact_t_p i{ width: 50px; height: 8px; margin-top: -4px; }
    .contact_l{ margin-top: 30px; }
    .contact_r{ margin-top: 60px; }
}
.mess_But:hover{ background-color: #0067ac; }
.contacts_t{ height: 45px; line-height: 45px; margin-top: 25px; text-align: center; font-size: 40px;}
.contacts_t1{ color: #ababab; margin-top:10px; text-align: center;}
.contacts_l{ width: 430px; margin-top: 25px;}
.contacts_pt{ height: 70px; line-height: 70px; font-size: 26px; position: relative;}
.contacts_pt i{ width: 60px; height: 1px; background: #0067ac; position: absolute; bottom: 0px; left: 0px;}
.contactsc{ margin-top: 20px; }
.contactsc p{ height: 60px; line-height: 60px; padding-left: 25px; font-size: 16px; background: url(../Image/page_icon1.jpg) no-repeat left center; }
.contactsc p strong{ font-weight: bold; color: #0067ac; }
.contacts_r{ width: 760px; margin-top: 25px;}
.contacts_ul{ overflow: hidden; margin-top: 20px; float: left; width: 610px;}
.contacts_ul li{ margin-bottom: 18px; width:48%; float: left; margin-right: 4%;}
.cmess_InputText{ width: 100%; height: 55px; line-height: 55px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.cmess_textarea{ width: 100%; height: 120px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.cmess_But{ width: 140px; height: 193px; transition: all ease 1s; line-height: 240px; border-radius: 6px; font-size: 20px; color: #fff; margin-top: 20px; float: left; margin-left: 10px; background: #535353 url(../Image/ccicon7.png) no-repeat center 50px; }
.cmess_But:hover{ background: #0067ac url(../Image/ccicon7.png) no-repeat center 50px;}
#contactdts{ height: 300px; float: left; width: 100%; }
/*******Css job*******/
#job_ul{}
#job_ul li{
    border-bottom:dashed 1px #cfcfcf;
    padding:10px 0px;
    height: 100%; overflow: hidden;
}
#job_ul li .recruit_info{
    float:left; width: 80%;
}
.job_nam{
    color:#0067ac;
    font-weight:bold;
}
#job_ul li .recruit_but{
    height:45px;
    float:right;
    margin-top:10px;
    margin-right:22px;
}
.job_ul li .recruit_but a{
    width:150px;
    height:45px;
    line-height:45px;
    background: #1C5FB8;
    border-radius:2px;   
    text-align:center; float: left;
}
.recruit_info_tit_bg{
    height:40px;
    background:#f8f8f8;
    border-radius:2px;
    margin:15px auto;
}
.recruit_info_tit_bg .recruit_info_tit{
    width:140px;
    height:45px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:#0067ac;
    color:#ffffff;
    line-height:45px;
    text-align: center;
}
.recruit_info_main{
    margin:0px auto;
    margin-top:10px;
    margin-bottom:60px;
    padding:5px 20px;
    line-height: 32px;
}
.seek_job{ margin-left: 20px; }
.seek_job li{ padding-top:10px; height: 100%; overflow: hidden;}
.seek_t1{ float: left; font-weight: bold; height: 40px; line-height: 40px; width:60px;}
.job_nam{ float: left; margin-left: 15px; color:#0067ac; font-weight: bold; }
.G_InputText{
    width:250px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px;outline: none;
}
.G_InputText:hover{ border:1px solid #0067ac; }
.G_captcha{
    width:100px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px; outline: none;
}
.G_captcha:hover{ border:1px solid #0067ac; }
.G_textarea{
    width:250px;
    height:150px;
    line-height:30px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px;outline: none;
}
.G_textarea:hover{ border:1px solid #0067ac; }
.G_select{ float: left; border:1px solid #dedede; height: 40px; line-height: 40px; }
.job_radio{ float: left; }
.G_img{ float: left; margin-top: 10px; margin-left: 5px; }
.G_But{
    width:340px;
    height:50px;
    line-height:50px;
    background:#0067ac;
    border-radius:5px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    transition: all 0.3s;
    float: left;outline: none; border: 0px;font-size: 18px;
}
.G_But:hover{
    background:#E5A318;
}
@media (min-width:768px) 
{
    .G_InputText{ width: 400px; }
    .G_textarea{ width: 500px; }
}
@media (min-width:1200px) 
{
    .seek_job li{ padding-top: 15px; }
    .G_InputText{ width: 400px; }
    .G_textarea{ width: 550px; }
    .seek_job{ float: left; }
}
/*******Css prev_next*******/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #0067ac; }

/*css digg style pagination*/
div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}
div.digg a:hover{border:#0067ac 1px solid;color:#fff; background: #0067ac;}
div.digg a:active{border:#0067ac 1px solid;color:#fff; background: #0067ac;}
div.digg span.current{border:solid 1px #0067ac;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#0067ac; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}