@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: 55px;}

.lag a{ color: #B4B4B4; }

.lag a:hover{ color: #0067ac; }

.lag a.on{ color: #0067ac; }

@media (min-width:768px) 

{

    .logo{ width: 262px; }

    .lag{ right: 15px; }

    #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: 100px; 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; right: 0px;}

}



/*******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: 12px; height: 12px; border-radius: 50%; margin-right: 8px; float: right; background: rgba(255,255,255,1); transition: all ease 1s;  cursor: pointer;}

.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 0px; 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 0px 50px 0px; }

    .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: 40px; 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 20px; font-size: 14px; margin-right: 8px; 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: 34px; line-height: 34px; float: left; margin:0px 1.5%; border-bottom: solid 1px #313941; }

.products_sp1{ width:80%; float: left; overflow: hidden; height: 34px; color: #bac9db;}

.products_sp2{ float: right; color: #535C69; }

@media (min-width:768px) 

{

    .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; 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: 50px; 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; 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 0px;}

.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;}

    .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; 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: 34px; line-height: 34px; float: left; margin:0px 1.5%; border-bottom: solid 1px #E3E3E3 }

.page_pros_sp1{ width:80%; float: left; overflow: hidden; height: 34px; }

.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:50px; }

    .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: 30px; line-height: 30px; margin-top: 3px; 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: 40px; font-size: 16px; }

    #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: #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_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 18px; font-size: 15px; float: left; background: #CECECE; color: #666666; margin-right: 8px;}

.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: 50px; 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) 

{

    .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;}