@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:0px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #e60012; cursor: default;}

.bgbxo{  height:auto; overflow:hidden; border-top: 1px solid #f3f4f4;}
.dyip { max-width:1200px; margin:auto; overflow:hidden;}
.dyip h2{ padding:2% 0; max-width:1200px; margin:auto; font-size:36px; font-weight:300;}
.dyip h2 span{ font-size:12px; float:right; padding-top:15px;}
.dyip h2 span a{ border-radius:50px; background:#e6e6e6; padding:10px 25px;}
.dyip ul{margin-right:-2%;}
.dyip ul li{ width:14.66%; float:left; margin-right:2%; background:#fff; border-radius:5px; text-align:center; margin-bottom:3%; padding-top: 25px;}
.dyip ul li img{ width: 100%;}
.dyip ul li h3{ margin-bottom:15%; font-size:15px; font-weight:bold;}
.dyip ul li:hover{ color:#f57e23;}
.dyip ul li .iconfont {font-size: 51px;}
.derp{max-width:1200px; margin:auto; overflow:hidden;}
.derp h2{ padding:2% 0; max-width:1200px; margin:auto; font-size:36px; font-weight:300;}
.derp h2 span{ font-size:12px; float:right; padding-top:15px;}
.derp h2 span a{ border-radius:50px; background:#e6e6e6; padding:10px 25px;}
.derp ul{margin-right:-2%;}
.derp ul li{ width:23%; float:left; margin-right:2%;background:#fff; margin-top:2%;}
.derp ul li .pic{ padding:50px 30px; text-align:center;}
.derp ul li .pic img{ max-width:75%;}
.derp ul li h3{ font-size:18px; padding:0 30px; font-weight:bold; height:45px;}
.derp ul li p{ line-height:1.5; padding: 0 30px; color:#777;}
.derp ul li .morew{ width:200px; height:35px; line-height:35px; text-align:center; border-radius:50px; margin:30px auto; background:#e6e6e6;}

.dsanp{ max-width:1200px; margin:3% auto;}
.dsanp img{ max-width:100%;}

/*********内页css**********/
.bgcolor{ background:#f3f3f3;}
.navxob{ width:100%; height:auto; background:#000; color:#fff; text-align:center; padding:2% 0;}
.navxob a{ padding: 0 3%; color:#fff; font-size:1rem; font-weight:300;}
.navxob a:hover{ color:#e4e4e4;}

.aboutbanner{ background:url(../images/hero-bg.jpg) no-repeat center top; padding:7% 0; color:#fff; text-align:center;}
.aboutbanner h2 {font-size:60px;line-height: 72px;  font-weight: 700;}
 sub{ top:-.5em;   position: relative;   vertical-align: baseline;}
.sec-head{width: 80%;   display: inline-block;margin: 20px 0;    font-size: 1.5rem;line-height: 2rem; font-weight: 300;}

.nycon{ max-width:960px; height:auto; overflow:hidden; margin:3% auto;}
.nycon h3{ text-align:center; font-size:35px; font-weight:600; margin-bottom:5%;}
.nycon p{ line-height:2; font-weight:300; font-size:0.98rem; padding-bottom:2em;}
.nycon img{ display:block; margin:3% auto; clear: both; max-width:100%;}

.newsbox{ max-width:960px; height:auto; overflow:hidden; margin:3% auto;}
.newsbox h2,.ccbox h2{font-size:60px;line-height: 72px;  font-weight: 700;}
.newsbox ul{ margin-top:5%;}
.newsbox ul li{ width:100%; height:auto; overflow:hidden; margin:5% 0;}
.newsbox ul li .pic{ width:30%; float:left;}
.newsbox ul li .pic img{ max-width:100%; margin:auto; display:block; clear:both;}
.newsbox ul li .nesrg{ float:left; margin-left:5%; width:65%; height:auto; overflow:hidden;}
.newsbox ul li .nesrg h3{ font-size:1.5rem; margin-bottom:3%; font-weight:300;}
.newsbox ul li p{ font-size:1rem; font-weight:300; line-height:1.5;}

.nsesssbox,.ccbox{max-width:960px; height:auto; overflow:hidden; margin:3% auto;}
.nsesssbox h3{font-size:1.5rem; margin-bottom:3%; font-weight:300; text-align:center;}
.nsesssbox p{font-size:1rem; font-weight:300; line-height:1.9; text-align:justify; padding-bottom:2em;}
.nsesssbox img{display:block; margin:3% auto; clear: both; max-width:100%;}

/*************分页css*************/
.cuspages{ width:50%; height:auto; overflow:hidden; margin:50px auto;}
.pages {overflow: hidden;zoom: 1;font-size: 12px;float: right;clear:both;}
.pages span, .pages a {float: left;width: 34px;height: 34px;border: #e2e2e2 1px solid;font-size:12px;text-align: center;line-height: 34px;margin-right: 5px;}
.pages .disabled { color: #ccc; }
.pages .current {background-color: #f26f21;border: #f26f21 1px solid;color: #fff;}

.ccbox p{font-size:1rem; font-weight:300; line-height:1.9;  padding-top:2em;}
.ccbox span{ background:#ff5500; color:#fff; padding:10px ; cursor: pointer; border-radius:50px; overflow:hidden; margin-bottom:10px;}
.ccbox strong{ font-weight:600;}

.probox{ max-width:1100px; height:auto; overflow:hidden; margin:3% auto;}
.proleft{ width:23%; height:auto; margin-right:1.5%; float:left; overflow:hidden;}
.proleft h2{ background:#000; color:#fff; padding:10% 7%;}
.proleft ul li{ border-bottom:1px #FFF solid;}
.proleft ul li h3{padding: 20px;background-color: rgba(29,30,36,.05);color: rgba(29,30,36,1);line-height: 1.5;transition-property: color,background-color;transition-duration: .2s;transition-timing-function: ease;font-weight: 500;}
.proleft ul li h3 a{color: rgba(29,30,36,1); font-weight:bold;}
.proleft ul li h3 span{ float:right;  font-size: 1.5em; line-height: 1;}
.proleft ul li ul{background-color: #fff;color: #1d1e24; padding:10px 0;}
.proleft ul li ul li{ padding:10px 20px ;}
.proleft ul li ul li a{color: rgba(29,30,36,.6);}
.proleft ul li ul li a:hover{ color:#000;}
.proleft ul li ul li span{ float:right;  font-size: 1.5em; line-height: 1;}
.xint{ color:#000;}
.xint a{color:#000 !important;}
.proleft ul li ul li ul li{padding:5px 20px !important;}

.prorig{ width:75%; height:auto; overflow:hidden; float:left;}
.prorig ul{margin-right:-2%;}
.prorig ul li{ width:31.33%; float:left; margin-right:2%;background:#fff; margin-bottom:2%;overflow:hidden; height:auto;}
.prorig ul li .pic{ padding:50px 30px; text-align:center;}
.prorig ul li .pic img{ max-width:75%;  height:103px;}
.prorig ul li h3{ font-size:18px; padding:0 30px; font-weight:bold; height:45px;}
.prorig ul li p{ line-height:1.5; padding: 0 30px; color:#777; min-height:42px;}
.prorig ul li .morew{ width:200px; height:35px; line-height:35px; text-align:center; border-radius:50px; margin:30px auto; background:#e6e6e6;}

.procon{ max-width:1100px; height:auto; overflow:hidden; margin:3% auto;}
.proconlf{ width:50%; float:left; height:auto; overflow:hidden;}

.proconrg{ width:45%; float:right; height:auto; overflow:hidden;}
.proconrg h3{ font-size:3em; font-weight:700; margin-bottom:40px;}
.proconrg p{ line-height:2; font-size:16px; font-weight:300;}
.proconrg p a{ color:#033ec1;}

.prode{max-width:1100px; height:auto; overflow:hidden; padding:3% 0; margin:auto;}
.prode h2{font-size:3.333em; font-weight:700; margin-bottom:40px;}
.prode ul{ width:47%; float:left; height:auto; overflow:hidden; margin-right:3%;list-style-type:decimal  !important;}
.prode ul h3{font-size: 1rem; line-height: 1.7;font-weight:300; margin:3% 0;}
.prode ul li{font-weight:300; list-style-type:decimal!important; padding-left:5%;display: list-item; background:url(../images/navs.jpg) no-repeat 12px 7px; padding-bottom:2%;}

.prodwon{max-width:975px; height:auto; overflow:hidden; padding:2% 3%; margin:auto; background:#fff;}
.prodwon h2,.proxx h2{font-size:3.333em; font-weight:700; margin-bottom:40px;}
.prodwon li{ width:40%; float:left; position:relative; line-height:50px; }
.prodwon li span{ float:left;  width:70px; display:block;}
.prodwon li h3{ float:left; display:block;font-weight:300; }

.proxx{max-width:975px; height:auto; overflow:hidden; padding:2% 3%; margin:3% auto; background:#fff;}
.proxx p{ line-height:1.7; font-weight:300;}

/******产品详情css******/
.game163{ overflow: hidden;height:auto;  width:100%;float:left;}
.game163 .bigImg{ height:351px !important; position: relative; }
.game163 .bigImg li img{ vertical-align:middle;  max-width:100%; clear:both; display:block; margin:auto;   }
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
.game163 .smallScroll{ height:76px; margin-top:50px;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width:24px; height:76px; text-indent: -9999px;background:url(../images/yft_pic33.gif) no-repeat 0 0; }
.game163 .sNext{background-position:-26px 0px;}
.game163 .smallImg{ float:left;  margin: 0 8px; display:inline; width:80%; overflow: hidden;}
.game163 .smallImg ul{ height:76px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; margin: 0 3px; width:74px; cursor:pointer;  display: inline;  }
.game163 .smallImg img{ border:1px solid #ededed; width:100% !important;}
.game163 .smallImg .on img{border:1px solid #0093db;}

.webshop{ width:80%; margin:auto; padding:6% 0 3% 0; height:auto; overflow:hidden;}
.webshop h4{margin-bottom: 10px;
    font-size: 3.33333rem;
    line-height: 3.66666rem;
    font-family: montserrat,sans-serif;
    font-weight: 700;}
.webshop h5{margin-bottom: 0;
    font-size: 1rem;
    line-height: 2rem;
    font-family: montserrat,sans-serif;
    font-weight: 500;}
.webshop p{margin-bottom: 1rem;line-height: 1.7rem; font-weight:300;}