﻿@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe,hr{margin:0;padding:0}
body{font:12px/25px Tahoma,'Microsoft Yahei'; background:#fff; color:#000;}
fieldset,img{border:0}
address,caption,cite,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
select,input,label,button,textarea{margin:0;padding:0;font-family:'Microsoft Yahei'}

/*通用*/
.wrap{width:1002px;margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right !important;}
.pr{position:relative;}.pa{position:absolute;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.vm{vertical-align:middle;}.vt{vertical-align:top;}.vb{vertical-align:bottom;}
.db{display:block;}.dib{-moz-inline-stack:inline-block;display:inline-block;*display:inline;*zoom:1;}
.fix{*zoom:1;}.fix:before,.fix:after{content:"";display:table;}.fix:after{clear:both;}
.el,.art_link a{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.oh{overflow:hidden;*zoom:1;}
.mh{height:auto !important;height:464px;min-height:464px;}
.btn{cursor:pointer;}
.hidetext{font:0/0 a;letter-spacing:-9px;}
.cir{display:inline-block;width:0;height:0;overflow:hidden;}
.bor1{border:1px solid #ddd;}
.bor1_b{border-bottom:1px solid #ddd;}
.bor1_b_s{border-bottom:1px dotted #ababab;}
.red{color:#e60013 !important;}
.grey{background:#ededed!important;}
.p20{padding:20px;}.plr15{padding-left:15px;padding-right:15px;}.p10{padding:15px;}
.mt20{margin-top:20px;}.mt10{margin-top:10px;}
.plr25 { padding-left:25px; padding-right:25px;}
.pl20 {padding-left:20px;}
.pb25 { padding-bottom:25px;}
.pb35 { padding-bottom:35px;}
.mb20 { margin-bottom:20px;}
.lh2{line-height:2;}
.w680 { width:680px;}
.w220 { width:220px;}
.line { width:1px; height:14px; background:url(../images/ico.png) -99px -64px no-repeat; display:inline-block; overflow:hidden; margin:0px 12px; vertical-align:middle;}
.bwhite{background:#fff;}
.hide { display:none;}
/*======================common================================*/

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*display:inline-block;*zoom:100%;}
.clear{ clear:both; height:1px;font-size:1px; line-height:1px; overflow:hidden;}
a {color:#999;}
a:link,a:visited{color:#999;text-decoration:none}
a:active,a:hover{color:#f00;text-decoration:none;}
/*======================frame==========================*/
.header,.container,.footer{width:1200px; margin:0 auto;}


.HW{width:100%; height:215px;z-index:9999;background:url(../images/header_bg.jpg) no-repeat 50% 0; top:0px;}
.FW{width:100%; height:440px; background:#d81392 ;float:left;}
.CW{width:100%; background:#fff;  min-height:700px;padding:20px 0 ; }

.HS {width:100%;background:url(../images/hs_bg.jpg) no-repeat 50% ; height:55px;}
.header{position:relative;z-index:100;height:215px;font-size:14px; }

.container{  min-height:320px;padding:0px;background:#fff; }
.icon { margin:0 auto;width:1002px;}
.footer{}
.clear{ clear:both; font-size:0px; height:0; margin:0; padding:0; float:none;}
.incontent{margin:10px 0;}
.left{ float:left; width:250px;padding-left:0px;}
.right{ float:right; width:910px; padding-right:0px;margin-bottom:40px;padding-right:0px;padding-top:0px;}
.ileft{ float:left; width:660px;}
.iright{ float:right; width:305px; margin-left:10px;margin-right:30px;}
.input2,.txtInput {border:1px solid #ccc;width:150px;vertical-align:middle;height:16px;*height:16px;color:#333; }
.searchInput {border:1px solid #efefef;width:150px;vertical-align:middle;height:21px;*height:21px;border-right:0px;color:#ccc; }
.borderD3 {border-left:transparent solid 4px;  border-right:transparent solid 4px; border-top:#ffffff solid 4px;}


.mbtn {border:1px solid #ccc; background:#efefef;height:25px;width:100px;text-align:center;line-height:25px;margin-top:10px;}
.textarea { border:1px solid #ccc;height:100px;}

/*======================search==========================*/
.hsearch { width:1004px;height:55px;line-height:55px; margin:0 auto;background:url(../images/is_bg.jpg) no-repeat 50% 0;}
.hsearch .info {width:650px;float:left;text-align:left;line-height:55px;color:#fff;padding-left:20px; }
.hsearch .info a { color:#fff;}
.hsearch .info h4{ color:#fff;width: 80px;float: left;}
.isearch{margin-top: 10px; float:left; width:285px;background:url(../images/search_bg.jpg) no-repeat 0px 0px ; font-size:12px;line-height:28px;}
.isearch .navtext{border:0px solid #ccc; height:28px; line-height:28px;width:230px;padding-left:2px; color:#ccc;  background:none;float:left; }
.isearch .navsb{background:none; width:50px; height:28px;top:0px;border:0px solid #ccc; color:#fff;float:left;}

/*======================frame define==========================*/
.header img {vertical-align:middle; }
.header .logo { float:left;margin:8px 0;height:105px;}
.header .itel {float:right;  margin-top:10px; }
.header .language {width:650px;text-align:right;float:right;height:35px;line-height:35px;color:#fff;right:0px;margin-top:0px;}
.header .language a {padding-right:10px;color:#fff;text-align:right;}
.header .seoinfo {text-align:left;float:left;width:300px;color:#fff;height:35px;line-height:35px;}
.header .language .info {  float: right;padding-right: 10px; }


.menu{ width:1000px;float:right;margin-top:0px;}
.menu .main{ width:100%; text-align:center;margin:0 auto;}
.menu li{float:left; text-align:center; font-size:14px;width:125px;}
.menu li span {display:inline-block;width:32px;height:3px;}
.menu li:nth-child(1)  span{ background:#00a6e9;}
.menu li:nth-child(2)  span{ background:#e3007a;}
.menu li:nth-child(3)  span{ background:#f86300;}
.menu li:nth-child(4)  span{ background:#2dca09;}
.menu li:nth-child(5)  span{ background:#0964ca;}
.menu li:nth-child(6)  span{ background:#0bb4c3;}
.menu li:nth-child(7)  span{ background:#2dca09;}
.menu li:nth-child(8)  span{ background:#0964ca;}
.menu li:nth-child(9)  span{ background:#0bb4c3;}
.menu li:nth-child(10)  span{ background:#2dca09;}
.menu li:nth-child(11)  span{ background:#0bb4c3;}


.topmenu a{color:#292929;font-weight:normal;  display:block;height:58px;line-height:58px;padding: 0 0px; margin-left:2px; text-transform:uppercase;font-size:16px;padding-top:0px;; }
.topmenu a:hover ,.topmenu a.current{color:#292929;}

.submenu{ position:absolute;display:none;margin-left:-48px; }
.submenu dd{text-align:center; float:left;border:1px solid #663524;padding:0 5px;margin:0 2px;background:#007d0f; filter:Alpha(opacity=65);opacity:0.65;    -moz-border-radius: 5px;     -webkit-border-radius: 5px;  border-radius:5px; }/* background:#000; filter:Alpha(opacity=65);opacity:0.65;*/
.submenu dd a{font-size:12px; width:100%;height:25px;line-height:25px; background-image:none; color:#fff;}
.submenu dd a:hover,.submenu dd a.current{color:#ff0;background-image:none;}


/*footer*/
.footer_nav {min-height:55px;background:url(../images/fnav_bg.jpg) no-repeat 50% bottom ;padding-top:30px;border-bottom:1px solid #f7d7f7; }
.footer_nav li { color:#fff;float:left;width:100px;border-right:0px dashed #ccc;height:295px;padding:0 1px;text-align:center;}
.footer_nav h3 a { color:#fff;width:100%;font-size:16px;font-weight:normal;padding-left:5px; }
.footer_nav h3 a:hover { color:#f00;}
.footer {color:#fff;text-align:left;line-height:30px;font-size:14px;}
.footer  a {color:#fff}
.footer dd a{color:#c9e9fc;}
.footer dd a:hover { color:#f00;}
.footer ._txt {width:1000px;height:40px;text-align:left;margin-top:27px;float:left;}
.footer .weixin {right:10px;top:30px; color:#c9e9fc;}
.footer .flogo {float:left;width:250px;height:130px; margin-top:30px;margin-left:80px;}
/*.footer ._txt p {width:500px;float:left;}
.footer ._txt span{width:300px;float:right;padding-right:30px;}*/
.footer .share {float:left;width: 250px;padding: 15px;}

.icontact { width:275px;height:235px;right:0px;top: 40px;}
.icontact .info {width:240px;margin:0 auto;padding-left:10px;color:#555;padding-top:15px;line-height:36px; }


/*========================内============================*/
.cornor { width:100%;color:#555;z-index:99999999; }
.cornor .ctopPage{ height:77px;width:201px;font: bold 16px 'Microsoft Yahei'; background: url(../images/page_li_bg.jpg) no-repeat ; color:#fff; line-height:77px;padding-left:48px;margin-left:0px;}
.cornor .ccontent{ text-align:center; min-height:150px;background:url(../images/page_c_bg.jpg) repeat-y;border:0px solid #ddd;border-top:none;}
.cornor .ccontent ul { width: 80%;margin: 0px auto;}
.cornor .ccontent li {line-height:40px;margin-left:0px;margin-bottom:0px;}
.cornor .ccontent li span { padding:0px 15px;  }
.cornor .ccontent li dd { line-height:26px;text-align: left;padding-left:35px;margin:  0;
background: #f9f9f9;border-bottom:0px dashed #eee;}
.cornor .ccontent li dd a { background:#f9f9f9;border:none;}
.cornor .ccontent li dd a.current, .cornor .ccontent li dd a:hover { background:#f9f9f9;color:#f00;}
.cornor .ccontent li  a{ display:inline-block; color:#555;  width:100%; text-decoration:none;text-align:left;background: url(../images/system/p_bz1.png)  no-repeat 5px 50% ;border-bottom:1px dashed #ddd;font-size:16px; }
.cornor .ccontent li  a.current,.cornor .ccontent li   a:hover {color:#e60c7d;background:url(../images/system/p_bz1_h.png)  no-repeat 5px 50%; border-bottom:1px dashed #ddd; }
.cornor .ccbg {background:url(../images/page_b_bg.jpg) no-repeat 0 bottom;height:26px; }
.pcontact { float:left;margin-top:20px;}

/*page*/
.arrowlistmenu {width: 100%; z-index:10;text-align:left;padding:0px 0px 0 0px;min-height:500px;margin-top:0px;}
.arrowlistmenu .menuheader:hover,.menuheader a.current {color:#cb0e6f;display:block;}
.arrowlistmenu .menuheader { font: bold 14px 'Microsoft Yahei';  text-transform: uppercase;   cursor: pointer;}
.arrowlistmenu .openheader{display:block;  }

.arrowlistmenu {padding-left:10px; padding-bottom: 2px; background:#ecf7f7;border:1px solid #d9e8e8;min-height:150px;width:248px;}
.arrowlistmenu  a {font: bold 12px 'Microsoft Yahei'; background: url(../images/system/li_bz.png) no-repeat 15px 15px;  font-weight:normal; border:1px solid #ecf7f7; display: block; padding: 2px 0;padding-left:25px; width:220px; line-height:35px;  text-align:left; }
.arrowlistmenu  a:visited { color: #999;  text-decoration:none;}
.arrowlistmenu  a:hover,.arrowlistmenu ul li a.current,.menuheader a.current{ color: #f00;display:block;background: url(../images/system/li_bz_h.png) no-repeat 15px 15px #fff ; width:210px;border:1px solid #ecf7f7; }
.categoryitems a:hover, .categoryitems a.current {border:0px solid #fff; width:180px;}
.arrowlistmenu ul {  list-style-type: none; margin: 0; padding: 0; margin-left: 15px; }
.arrowlistmenu ul a {border:0px solid #e0e8d9;}
/*页面导航*/
.urlHere{ height:53px;line-height:53px;text-align:right;color:#999;background: url(../images/urlHere_bz.jpg) no-repeat 0 65%; padding-right:17px;border-bottom:1px solid #ddd;margin:0 auto;margin-bottom: 15px; }
.urlHere p{font-size:  18px ; float:left;padding-left:20px;padding-top:0px; line-height:60px;text-transform:uppercase; color:#555;text-align: left;}
.urlHere a{ color:#555;text-decoration:none;}
.urlHere span { font-size:16px;color:#ccc;}

/*单页*/
.pagecontent  img{float:right;}
.pagecontent {padding:20px; min-height:600px; width:94%;float:left;border:0px solid #262626;}
.register {width:260px;height:300px; margin:0 auto;}
.register .title{text-align:center;float:none; font-size:16px;height:60px;line-height:60px;}
.register  li{line-height:30px;height:30px;float:right;}
.register .submit {padding:20px 80px 10px 10px;}


/*新闻列表*/
.newlist{padding:5px 7px;float:left;width:98%;min-height:500px;}
.newlist li { line-height: 35px; border-bottom: 1px dashed #444; min-height: 35px; width:100% }
.newlist li i{ float:right;width:80px;color:#555;}
.newcontent{float:left;  padding:10px 10px; text-align:center; width:97%;}
.newcontent h3{ font-size:16px; color:#555; margin:5px 0}
.newcontent .date_i { color:#555;}
.newcontent .content{line-height:22px; color:#555;min-height:350px; text-align:left;border-top:1px dashed #555;padding-top:20px;}
.newcontent .p_n_b{ margin-top:10px;float:left;text-align:left; color:#555;}

.pro_title { background:#191919;border:1px solid #252525;text-align:left;}

/*留言*/
.commentform h3{ font-size:22px; color:#646464; margin:5px 0}
.commentform .content{ background:#fff;padding:20px 1px 20px 20px;}
.apay{background:url(an1.jpg) no-repeat; width:90px; height:20px; display:block; line-height:18px; text-align:center; font-weight:bold; color:#fff;}
a.apay:hover{color:#fff;}
.bk1 {	BORDER-BOTTOM: #ebebeb 1px solid;}
.bk2 {	BORDER-RIGHT: #ebebeb 1px solid}
.td_L {text-align:center;width:100px; font-weight:bold;}
.tdR {text-align:left;width:450px;padding-left:5px;}
.jobli{ margin-bottom:25px; text-align:left;}

.backt {background:url(../images/title1.gif) no-repeat;}
.backc {background:url(../images/title2.gif) repeat-y;}
.backb {background:url(../images/title3.gif) no-repeat;}


/*message box*/
.msgbox {padding: 3em 10em 3em !important;background:url(images/right.gif) no-repeat 4em 4em;font-size:12px;font-weight:400;min-height:160px;} 
.msgbox{padding:0.1em;width:400px;margin:15px auto;background:none;} 
.msgbox h1{line-height:26px;margin-bottom: 1em;font-weight:700;font-size:14px;} 
.msg_inner{background:url(images/right.gif) no-repeat 0 50%;padding-left:4em;height:auto!important;height:60px;min-height:60px;} 
.msgbox p {margin: 1.5em 0;} 
.msgbox a {color: #069; } 
.error_msg{background:url(images/error.gif) no-repeat 0 50%;} 

/*登录*/
.viewForm { min-height:200px;}
.viewForm  td{ line-height:32px }

/**/
.joblist { float:left; background:#fff;padding:10px;}

.photolist{padding:0 20px;min-height:600px;}
.photolist li{ float:left; width:230px;text-align: center;margin-bottom: 10px;line-height: 35px;}

/*tab*/
    .dis { display: block; }
    .undis { display: none; }
   

.itab { float:left;min-height: 120px;width:100%;top:-86px;z-index:99999;font-weight:normal} 


.link { width:95%;margin:20px auto;line-height:45px;padding-left: 0px;}
.link img { vertical-align:middle;}
.link h3 { height:60px;line-height:60px;color:#ccc;font-size:16px;}

/*nav*/
.top1box{ width:100%; float:left; background-color:#0988d3;}
.top1{ width:1300px; margin:0 auto;}
.top1 h1{display:block; width:50%; float:left; text-align:left; font-size:14px; color:#fff; height:40px; line-height:40px;}
.top1 h1 img{ float:left; padding-top:9px; padding-right:10px;}
.top1 h2{ display:block; float:right;width:50%; float:left; text-align:right; padding-top:9px; }
.top1 h2 img {float:right; padding-right:20px;}
.top1 h2 font a{ display:block; float:right;text-decoration:none;font-size:14px; color:#fff;  padding-top:5px; line-height:20px; } 
.header-v1_box{ width:100%; float:left;height:97px; }
.header-v1_box2{ width:1300px; margin:0 auto; }
.cn_logo{ width:300px; float:left; }
.header-v1{width:845px; float:left;/*overflow:hidden; */height:40px;z-index:10; background:url(../images/top_bg.jpg) #fff left top repeat-x; padding-top:35px; margin-left:155px;}
.nav-hide .header-v1{ height:40px;}
.nav-hide .blank_h{ height:40px;}
.nav-hide .header-v1 .top-main .logo1 img{ height:40px;}

.header-v1 .top-main{ width:100%;/* max-width:1730px;*/ margin:0 auto;/* position:relative;*/}
.header-v1 .top-main .logo1{ float:left; height:100%; margin-left:2%;}
.header-v1 .top-main .logo1 img{ height:100%;}
.header-v1 .languages{ float:right; position:relative; display:block;font-size:18px; color:#16549e;height:114px;line-height:114px; width:34px; text-align:center; font-weight:bold; font-family:"微软雅黑"; text-decoration:none; text-align:center; margin-left:3px; margin-right:2%;}
.nav-hide .header-v1 .languages{ height:40px; line-height:40px;}
.header-v1 .languages:Hover{ background-color:#fff;}
.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .top-main .top-main-content{ width:100%; height:115px; float:right;/* margin-top:31px;*/}
.navBar{}
.nav{ list-style:none; padding:0;  }
.nav .m{ width:150px;float:left; border-top:0; border-bottom:0; width:150px; position:relative; }
.nav a:hover{ text-decoration:none; }
.nav h3{ height:39px; float:left; font-weight:normal; font-size:16px; overflow:hidden; width:100%; text-align:center; }
.nav h3 a{ height:37px; display:block; color:#0988d3;  line-height:30px; font-size:16px;text-decoration:none; border-bottom:#fff 2px solid;}
.nav-hide .nav h3{ height:107px;}
.nav-hide .header-v1_box{top:0; height:107px;}
.nav-hide .nav h3 a{height:107px; }
.nav .on{}
.nav .on h3 a{color:#0988d3; text-decoration:none;border-bottom:#0988d3 2px solid}

.nav .sub{ height:50px; display:none; /*默认隐藏*/ width:100%;  padding:0;   position:fixed; left:0;background:rgba(255,255,255,0.9); z-index:110; border-top:3px solid #ededed; top:153px;}
.nav-hide .nav .sub{ top:106px;}
.nav .sub dl{ text-align:right; margin:0 auto; width:1100px;}
.nav #m4 .sub dl{ width:900px;}
.nav #m5 .sub dl{ width:700px;}
.nav .sub dd{ float:right;vertical-align:middle; list-style:none; text-decoration:none; margin-right:4%;}
.nav .sub dd a{ height:50px; line-height:50px; display:block; color:#333333;font-size:16px; text-decoration:none;}
.nav .sub dd a:hover{ color:#d2241d;}
.blank_h{ height:117px; overflow:hidden;}
.nav #m1{ width:auto; height:37px; margin-left:15px; margin-right:15px;}
.nav #m2{width:auto; height:37px; margin-left:15px; margin-right:15px;}
.nav #m3{width:auto; height:37px; margin-left:15px; margin-right:15px;}
.nav #m4{width:auto; height:37px; margin-left:15px; margin-right:15px;}
.nav #m5{width:auto; height:37px; margin-left:15px; margin-right:15px;}
.nav #m6{width:auto; height:37px; margin-left:15px; margin-right:15px;}

div.indexmaindiv{height:270px;margin:0px auto;width:auto; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url(../images/areabackground/playstyles.png) no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:63px;height:490px;background:url(../images/zuobian.png) no-repeat;margin-right:-65px; position:absolute; z-index:9999;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:63px;height:490px;background:url(../images/zuobian.png) no-repeat;margin-right:-65px; position:absolute;z-index:9999;}
div.indexmaindiv1 div.playerdetail{width:400px;height:388px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:400px;height:388px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:400px;height:388px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teanames h1 a{ padding:3px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; width:70%; margin:0 auto;border-radius:10px; text-decoration:none; font-size:16px; color:#fff; line-height:35px; text-align:center; margin-top:20px; font-weight:100; background-color:#ec6b37;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url(../images/checkdetail.png) no-repeat;margin:18px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:63px;height:490px;background:url(../images/youbian.png) no-repeat; margin-left:-40px; position:relative; z-index:9999;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:63px;height:490px;background:url(../images/youbian.png) no-repeat;margin-left:-40px;z-index:9999;}
/*滚动*/
div.maindiv1{float:left;width:1170px; height:388px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:400px;height:388px;}

.pro_box{width:100%; float:left; height:500px; margin-top:50px;}
.product{ width:1260px; margin:0 auto;overflow: hidden;}
.product_title{ width:1260px; height:100px; float:left; background:url(../images/pro_bj.jpg) no-repeat center top; text-align:center; line-height:64px; font-size:32px; color:#000;}
.box{ width:1350px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:1245px; height:300px; overflow:hidden; position:relative; margin:0 auto;}
.piclist{ height:115px;position:absolute; left:0px; top:0px}
.piclist li{  float:left;}
.piclist li h1 a{ display:block; text-decoration:none; font-size:16px; color:#000; text-align:center; margin-top:20px; font-weight:100;}
.piclist li h2 a{display:block;text-decoration:none; font-size:12px; color:#808080;text-align:center;margin-top:5px;font-weight:100;} 
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:88px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}
.piclist li img{ width:278px; height:234px;}



/*产品中心滚动*/
.productbox{ width:100%; float:left;}
.product{ width:1235px; margin:0 auto;}
.product h1{text-align:center; font-size:35px; line-height:50px; color:#0988d3;background:url(../images/yingwen_bottom.jpg) bottom no-repeat;}
.product h2{text-align:center; font-size:30px; color:#000; font-weight:400; margin-bottom:70px; margin-top:10px; }
.tc{ text-align:center}  .fl{ float:left} .fr{ float:right}
.clear{clear:both;}   .clearfix:after{content:"."; display:block; visibility:hidden; height:0; clear:both}
.main-page{
	margin:0 auto;
	width:1163px; 
	padding-top:50px;
}
.main-page .left{
	background-color:#FFF;
}
.main-page .left, .main-page .right{ 
	width:261px; 
	height:710px;
	float:left;
}
.main-page .nav-back{
	height:606px;
	border:#0988d3 1px solid;
	border-right:none;
}
.main-page .nav-back span{
	height:300px;
}
.main-page .nav{
	position:relative;
	margin-top:-598px;
	width:261px;
	text-align:center;
	font-size:18px;
	font-family:"微软雅黑";
	color:#fff;
}
.main-page .nav div{
	height:44px;
	line-height:40px; 
	margin-bottom: 8px; 
	border-radius: 2px; 
	cursor: pointer; 
	color:#434343; 
	text-align:center;
	background:url(../images/cn_product_icon.png) bottom no-repeat;
	margin-top:25px;
	padding-right:36px;
	}
.main-page .nav div.on{ 
	color:#0988d3;
}
.main-page .right{
	width:900px;
	height:606px;
	background-color:#FFF;
	border:#0988d3 1px solid;
}
.main-page .content{
	position:relative;
	width:900px; 
	height:606px; 
	overflow:hidden;
}
.main-page .content .con-ggh{ 
	width:900px; 
	height:800px;
}
.con-ggh ul{ 
	display:block
} 
.con-ggh ul li{
	margin-bottom:30px;
	margin-right:25px;
	float:left;
	margin-left:25px;
	margin-top:23px;
}
.list-pic{ 
	background-color: rgba(255,255,255,0.3); 
	width: 250px; 
	height: 250px; 
}
.list-pic a{}
.pro_aa a{ text-decoration:none; text-align:center; margin:0 auto; display:block; width:160px;height:30px; line-height:30px;border-radius:5px; background-color:#86bf00; margin-top:10px; color:#fff;}
.list-pic img{ 
	width:250px; 
	height:250px; 
	display:block;
	box-shadow:1px 3px 12px #fff;
	
}
.list-pic img:hover{ 
	width:250px; 
	height:250px; 
	display:block;
	box-shadow:1px 3px 12px #999;
	
}
.con-ggh .item-name{
	padding:20px 0; 
	height: 20px; 
	width: 150px; 
	font-size: 16px; 
	text-align: center; 
	color: #fff; 
	line-height: 20px; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap;
}
.b-intro{
	margin-top:20px;
}
.b-intro span{
	font-size:24px; 
	margin-bottom:12px; 
	color:#fff
}
.b-intro p{ 
	width:545px; 
	height:45px; 
	line-height:24px; 
	overflow:hidden; 
	color:#fff; 
	font-size:14px
}
.ck-m{
	width:123px; 
	height:36px; 
	line-height:36px; 
	border:1px #fff solid; 
	margin-top:25px
}
.zcinfo{
	width:900px; 
} 
.ptpic-dl,.ptpic-dl img{ 
	width:354px; 
	height:690px
}
.ptpic-dl{
	margin-top:110px
}

/*shebei*/
.anlibox{width:100%; float:left; height:330px; background:url(../images/shebei_bj.jpg) no-repeat; margin-bottom:100px;}
.anli{width:1200px; margin:0 auto;}
.anli_left{ width:30%; float:left; margin-left:2%;}
.anli_left img{ float:left; margin-left:30px; margin-top:20px; }
.anli_left h1{text-align:center;background:url(../images/about_bj.jpg) bottom center no-repeat; color:#404040;font-size:40px; font-weight:500;line-height:60px; margin-top:30px;}
.anli_left h2{color:#c8c8c8; text-align:center; font-size:20px; line-height:50px;}
.anli_left2{  margin-top:80px; margin-left:100px;} 
.anli_left2 a{ display:block; margin:0 auto; width:91px; height:35px; line-height:35px; text-align:center;background:url(../images/anli_more.png) center no-repeat; text-decoration:none; color:#404040;}
.anli_left2 a:hover{ font-weight:bold;}
.anli_right{ width:64%; float:left;}
.anli_right img{ margin-top:35px;}
/*shebei_pic*/
.slides{padding:0;widthL:auto;height:420px;display:block;margin:0 auto;position:relative;margin-left:17%;}
.slides *{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.slides input{display:none;}
.slide-container{display:block;}
.slide{top:0;opacity:0;width:609px;height:420px;display:block;position:absolute;transform:scale(0);transition:all .7s ease-in-out;}
.slide img{}
.nav label{width:50px;height:64%;display:none;position:absolute; margin-top:5%;opacity:0;z-index:9;cursor:pointer;transition:opacity .2s;color:#FFF;font-size:80px;text-align:center;line-height:250px;font-family:"Varela Round", sans-serif;text-shadow:0px 0px 15px rgb(119, 119, 119);}
.slide:hover + .nav label{opacity:0.5;}
.nav label:hover{opacity:1;}
.nav .next{right:0;}
input:checked + .slide-container  .slide{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out;}
input:checked + .slide-container .nav label{display:block;}
.nav-dots{width:100%;height:11px;display:block;position:absolute;text-align:center;top:280px;}
.nav-dots .nav-dot{top:-5px;width:11px;height:11px;margin:0 4px;position:relative;border-radius:100%;display:inline-block;background-color:rgba(0, 0, 0, 0.6);}
.nav-dots .nav-dot:hover{cursor:pointer;background-color:rgba(0, 0, 0, 0.8);}
input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6{ground:rgba(0, 0, 0, 0.8);}

/*新闻*/
.newstbox{ width:100%; height:730px; background:url(../images/news_bg.png) center no-repeat; float:left; margin-bottom:50px;}
.news{ width:1210px; margin:0 auto;}
.news h1{ text-align:center; font-size:35px; }
.news h2{ text-align:center; font-size:35px;background:url(../images/about_line.png) center no-repeat; font-weight:400; color:#0988d3; margin-bottom:50px;}
.news ul{ width:100%; float:left;}
.news ul li{ width:363px; float:left; text-align:left; margin:20px;}
.news ul li h1{ text-align:left; color:#cccccc; font-size:40px; margin-top:20px;}
.news ul li a { display:block; width:100%; text-decoration:none; color:#333333; font-size:20px; line-height:50px; border-bottom:#0988d3 1px solid; font-weight:bold;}
.news ul li h3{ display:block; width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; text-indent:2em; font-size:16px; text-align:left; margin-top:30px; line-height:30px; font-weight:400;}
.news h4{  display:block; width:100%; float:left; margin-top:50px;}
.news h4 a{ display:block; margin:0 auto;width:200px; height:45px; line-height:45px; text-decoration:none; text-align:center; background-color:#0988d3; color:#fff; font-size:17px;border-radius:20px;}
.news h4 a:hover{ background-color:#0881c8;}

/*about*/
.aboutbox{ width:100%; float:left; margin-top:100px;}
.about{ width:1300px; margin:0 auto;}
.about h1{ text-align:center; font-size:35px; color:#b5191f;}
.about h2{ text-align:center; font-size:30px; color:#0988d3;background:url(../images/about_line.png) center no-repeat; font-weight:400;}
.about h3{ text-align:center; color:#333333; font-size:35px; margin-top:50px; font-weight:400;}
.about h4{ text-indent:2em; font-size:20px; color:#333333; font-weight:400; line-height:40px; margin-top:50px; margin-bottom:50px;}
.about a{ display:block; margin:0 auto; width:200px; height:45px; line-height:45px; text-decoration:none; text-align:center; background-color:#0988d3; color:#fff; font-size:17px;border-radius:20px;}
.about a:hover{ background-color:#0881c8;}

/*foot*/
.foot_box{width:100%; height:190px; float:left;margin-bottom:20px; background:url(../images/foot_bj.png) center no-repeat; border-top:#0988d3 1px solid;}
.foot{width:1200px; margin:0 auto;}
.foot_left{ width:27%; float:left; margin-top:60px;}
.foot_right{width:27%; float:left; margin-top:50px;}
.foot_right img{ float:left;}
.foot_right h1{ width:49%;display:block;float:left;color:#0988d3; font-size:12px;border-radius:5px; border:#0988d3 1px solid; text-align:center; margin-left:3%; margin-bottom:20px; line-height:30px; margin-top:20px;}
.foot_right h2{ width:49%; margin-left:3%;display:block;float:left;color:#0988d3;font-size:12px; text-align:center;}
.foot2_box{width:100%; height:50px; float:left;}
.foot2{width:1260px; margin:0 auto; }
.foot2 h1{ display:block; float:left;font-size:12px; margin-top:20px; font-weight:100;}
.foot2 ul{ float:right;}
.foot2 ul li{ float:left; border-left:#000 1px solid; padding-right:5px;padding-left:5px;margin-top:20px;}
.foot2 ul li a{ text-decoration:none; color:#000;}
.foot2 ul li:nth-child(1){ border-left:none;}
.foot3_box{width:100%; height:30px; float:left;background-color:#ed008d;}
.foot3{width:1260px; margin:0 auto; }
.foot3 span{ float:right; color:#fff; padding:5px;}
.foot3 img{float:right;padding:5px;}
.foot_center{ width:46%;float:left;}
.foot_center ul{ float:left; margin-top:20px;}
.foot_center ul li{ float:left; margin-left:20px;}
.foot_center ul li h1{ width:103px;display:block; float:left; font-size:18px; color:#434343; margin-bottom:20px;}
.foot_center ul li a{ display:block; text-decoration:none; font-size:12px; color:#434343; line-height:30px; }
.foot_box2{ width:100%; height:45px; float:left; background-color:#0988d3;}
.foot_box2_1{ width:1200px; margin:0 auto; }
.foot_box2_1 h3{ float:left; line-height:45px; color:#fff;font-size:12px; font-weight:100; }
.foot_box2_1 h4{ float:right; line-height:45px; color:#fff;font-size:12px;font-weight:100; }

/*底部top*/
.gotop{ position:fixed; bottom:10%; right:1%; width:51px; height:51px; background:url(../images/gotop.png) no-repeat; background-size:100% 100%;
-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.gotop:hover{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);}
