/*this is index*/
#container{ width: 100%; height: 100%;}
#head{ width: 100%; height: 100%; }
#con{ width: 100%; height: 360px; margin-bottom: 0px; background-size: cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; position: absolute; z-index: 99; margin-top: -160px;}
.nav{ height: 114px; width: 100%; margin-top: 110px; padding-top: 47px;}
.nav_01{ width: 100%; height: 66px; background-color: #fff; background: url(../images/intro-_07.jpg) repeat-x;}
.nav_02{ width: 100%; height: 5px; margin-top: 0px; background: url(../images/intro-_12.png) repeat-x; }
.nav_con{ width: 1000px; height: 66px; margin: 0 auto;}
.nav_left{ float: left; width: 340px; height: 66px; padding-top: 18px;}
.nav_left li{ width: 88px; height: 30px; background-image: url(../images/intro-_13.png); float: left; position: relative; margin-right: 20px; cursor: pointer; text-align: center;}
.nav_left li a{ line-height: 30px; color: #fff; font-size: 16px; display: block;}
.nav_left li:hover a{ color: #fff; background-image: url(../images/intro-_131.png);}
.nav_left li:hover ul{width: 150px; background-color: #46c0ed; padding-top: 10px; padding-bottom: 10px; display: block; position: absolute; bottom:30px; left:-5px; border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; }
.nav_left li ul{display: none; margin-left:-30px;}
.nav_left li:hover ul li{ width: 145px; height: 35px; display:block; clear:both; padding-left: 4px; background-image: none;}
.nav_left li:hover ul li a{display:block; background-color: #46c0ed; width:100%; background-image: none;}
.nav_left li:hover ul li a:hover{ color: #1286ae;}
.nav_right{ float: right; width: 340px; height: 66px; padding-top: 18px;}
.nav_right li{ width: 88px; height: 30px; background-image: url(../images/intro-_13.png); float: right; position: relative; margin-left: 20px; cursor: pointer; text-align: center;}
.nav_right li:hover a{ color: #fff; background-image: url(../images/intro-_131.png); }
.nav_right li a{ line-height: 30px; color: #fff; font-size: 16px; display: block;}
.nav_right li:hover ul{width: 120px; background-color: #46c0ed; padding-top: 10px; padding-bottom: 10px; display: block; position: absolute; z-index: 9; bottom:30px; right:-15px; border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; behavior: url(ie-css3.htc);}
.nav_right li ul{display: none;}
.nav_right li:hover ul li{ width: 115px; height: 35px; display:block; clear:both; padding-right: 4px; background-image: none;}
.nav_right li:hover ul li a{display:block; background-color: #46c0ed; width:100%; background-image: none;}
.nav_right li:hover ul li a:hover{ color: #1286ae;}
.nav_contan{ width: 268px; height: 161px; position: absolute; z-index: 999; background-image: url(../images/intro-_10.png); top: -40px;}
.nav_con_con{ position: relative; width:268px; height: 121px; float: left; margin-left: 30px;}
#foot { width: 100%; height: 60px; padding-top: 140px; background-color: #0090ce; }
#foot p{ margin: 0 auto; width: 800px; font-size: 12px; color: #fff; }
#foot a{ color:  #fff; z-index:9999; position:relative;}
#foot a:hover{ color: #edd02c; }

/*this is about*/
#head1{ width: 100%; height: 123px; position: absolute; z-index: 10;}
.head1_top{ width: 100%; height: 116px; background-color: #fff; background:url(../images/about_04.jpg) repeat-x;}
.head1_foot{ width: 100%; height: 7px; background:url(../images/about_11.png) repeat-x;}
.head1_top_con{ width: 1040px; height: 100%; margin: 0 auto;}
.head1_top_con_left{ width: 324px; height: 30px; margin-top: 68px; float: left;}
.head1_top_con_left li{ float: left; width: 88px ; height: 30px; margin-right: 20px; background-image: url(../images/about_03.png);  text-align: center;}
.head1_top_con_left li a{ color: #fff; font-size: 16px; height: 30px; line-height: 30px;}
.head1_top_con_left li ul{ display: none; }
.head1_top_con_left li:hover{ cursor: pointer; background-image: url(../images/about_031.png); }
.head1_top_con_left li:hover ul{ width: 150px; background-color: #46c0ed; padding-top: 10px; padding-bottom: 10px; display: block; position: absolute; margin-left: -30px; border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px;}
.head1_top_con_left li:hover ul li{ width: 145px; height: 35px; display:block; clear:both; padding-right: 4px; background-image: none;}
.head1_top_con_left li:hover ul li a{display:block; background-color: #46c0ed; width:100%; background-image: none;}
.head1_top_con_left li:hover ul li a:hover{ color: #1286ae;}
.head1_top_con_right{ width: 324px; height: 30px; margin-top: 68px; float: right;}
.head1_top_con_right li{ float: right; width: 88px ; height: 30px; margin-left: 20px; background-image: url(../images/about_03.png);  text-align: center;}
.head1_top_con_right li a{ color: #fff; font-size: 16px; height: 30px; line-height: 30px;}
.head1_top_con_right li ul{ display: none; }
.head1_top_con_right li:hover{ cursor: pointer; background-image: url(../images/about_031.png); }
.head1_top_con_right li:hover ul{ width: 120px; background-color: #46c0ed; padding-top: 10px; padding-bottom: 10px; display: block; position: absolute; margin-left: -15px; border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px;}
.head1_top_con_right li:hover ul li{ width: 115px; height: 35px; display:block; clear:both; padding-right: 4px; background-image: none;}
.head1_top_con_right li:hover ul li a{display:block; background-color: #46c0ed; width:100%; background-image: none;}
.head1_top_con_right li:hover ul li a:hover{ color: #1286ae;}
.head1_top_con_con{ position: relative; width: 272px; height: 165px; float: left; margin-left: 60px; }
.head1_top_con_logo{ width: 272px; height: 165px; position: absolute; z-index: 999; background-image: url(../images/about_02.png); }
.head1_img{ width: 100%; height: auto; width: auto\9; margin-top: 116px;}
#con1_top{ width: 100%; height: 150px; background-color: #fff; margin-top: 50px;}
.con1_top_title { font-size: 58px; font-weight: normal; line-height: .9em; text-align: center; color: #0060a5; }
.con1_top_title small { font-size: 26px; display: block; }
.x_con1_top { width: 540px; margin: 0 auto ; }
.x_con1_top li a { display: block; float: left; width: 115px; padding: 6px 0; margin: 0 10px; background-color: #d2d2d2; text-align: center; -webkit-border-radius: 50px;
-moz-border-radius: 50px; border-radius: 50px; font-size: 16px; color: #fff;}
.x_con1_top li a:hover,.x_con1_top li.nnon a { background-color: #17b5eb; }
#about_con{ width: 1200px; height: 100%; margin: 60px auto 0;}
#about_con p{ font-size: 16px; color: #868686; text-align: justify; line-height: 1.6; margin-top: 20px;}
#about_con .about_ul{ width: 100%; }
#about_con .about_ul li{ width: 83.333333%; border: 1px #e5e5e5 solid; overflow: hidden; padding: 0 100px 20px 100px; margin-bottom: 30px; -webkit-border-radius: 15px;
-moz-border-radius: 15px; border-radius: 15px;}
#about_con .about_ul li h2 { display: block; text-align: center; font-weight: normal; font-size: 30px !important; margin: 40px 0; color: #0060a5; }
#about_con .about_ul li h2 small { display: block; font-size: 12px; }
#about_con .about_ul li .about_img li,#about_con .about_ul li .about_img2 li { border: none; padding: 0; margin-left: 11px; float: left; -webkit-border-radius: 0;
-moz-border-radius: 0; border-radius: 0; }
#about_con .about_ul li .about_img li:first-child,#about_con .about_ul li .about_img2 li:first-child { margin-left: 0; }
#about_con .about_ul li .about_img li { width: 326px; }
#about_con .about_ul li .about_img2 li  { width: 492px; }
#about_con .video { width:960px; height:640px; margin:-10px auto 20px;}
.foot1_01{ width: 1250px; height: 82px; margin: 0 auto; position: relative; }
.foot1_01 img{ width: 63px; height: 63px; position: absolute; right: 0; top: 0; cursor: pointer;}
.foot1_02{ height: 258px; width: 100%; background-color: #f3ffff;  }
.foot1_02_con{ width: 1000px; height: 125px; margin: 0 auto; padding-top: 40px; position: relative;}
.foot1_02_con_l{ height: 145px; width: 630px; border-right: 2px #6b6b6b solid; float: left;}
.foot1_02_con_l ul{ width: 100%; height: 100%; } 
.foot1_02_con_l ul li{ float: left; width: 125px; height: auto; text-align: left;}
.foot1_02_con_l ul li h2{ color: #006aae; font-weight: normal; font-size: 14px; line-height: 0;}
.foot1_02_con_l ul li a:hover h2{ color: #17b5eb; }
.foot1_02_con_l ul li ul{ padding-top: 6px; }
.foot1_02_con_l ul li ul li a{ color: #6b6b6b; font-size: 12px; line-height: 1.6em;}
.foot1_02_con_l ul li ul li a:hover{ color: #404040; }
.foot1_02_con_r{ float: right; height: 125px; width: 300px; }
.email{ background:url(../images/about_24.gif) 0px 3px no-repeat; width: 100%; height: 35px; padding-left: 30px; color: #6b6b6b; font-size: 12px;}
.email a{ color: #6b6b6b; }
.email a:hover{ color: #edd02c; }
.add{ background:url(../images/about_27.gif) 2px 1px no-repeat; width: 100%; height: 35px; padding-left: 30px; color: #6b6b6b; font-size: 12px;}
.phone{ background:url(../images/about_03_31.gif) 0px 2px no-repeat; width: 100%; height: 35px; padding-left: 30px; color: #6b6b6b; font-size: 12px;}
.tm a{ display: block; float: left; background: url(../images/brand1_09.png) no-repeat; width: 82px; height: 36px; line-height: 36px; padding-left: 40px; color: #6b6b6b; font-size: 12px; }
.tm .ewm { float: left; background: url(../images/brand1_11.png) no-repeat; width: 82px; height: 36px; line-height: 36px; padding-left: 40px; color: #6b6b6b; font-size: 12px; cursor: pointer; }
.ewm_d { display: none; position: absolute; z-index: 20; right: 50px; margin-top: -60px; }
.ewm_down { display: block; margin: -6px auto 0; }
.foot1_02_con_f{ clear: both; width: 1100px; height: 35px; margin: 0 auto; padding-top: 30px;}
.foot1_02_con_f img{ display: block; float: left; margin-right: 20px;}
.foot1_02_con_f p{ color: #10b2e9; font-size: 12px; line-height: 10px;}
.foot1_02_con_f a{ color:  #10b2e9;}
.foot1_02_con_f a:hover{ color: #edd02c; }

/*this is about1*/
#about1_con{ clear: both; width: 1200px; height: 100%; margin: 80px auto 0;}
.about1_con_01{ width: 100%; height: 140px; font-size: 18px; color: #868686; line-height: 140px;}
.about1_con_01 span{ font-size: 36px; color: #0060a5; font-weight: normal; font-family: "æ–¹æ­£å…°äº­çº¤é»‘ç®€ä½“"; margin-left: 10px;}
.about1_con_02,.about1_con_03{ width: 1004px; height: 100% !important; overflow: hidden; margin: 0 auto;}
.about1_con_02 li{ width: 226px; height: 100%; float: left; display:table; margin-right: 33px;}
.about1_con_02 li:last-child,.about1_con_03 li:last-child{ margin-right: 0px; }
.about1_con_02 li div{ background: url(../images/about1_03.png) no-repeat; width: 226px; height: 226px; text-align: center; display:table-cell; vertical-align:middle; color: #0060a5; font-size: 24px; font-family: "æ–¹æ­£å…°äº­çº¤é»‘ç®€ä½“"; line-height: 1.2em;}
.about1_con_03 li{ width: 226px; height: 100%; float: left; text-align: center; margin-right: 33px;}
.about1_con_03 li p{ width: 226px; height: 100%; color: #868686; font-size: 14px;}
.about1_con_04{ margin: 20px auto; }
.about1_con_05{ width: 100%; height: 100%; margin: 80px 0 40px; overflow: hidden;}
.about1_con_05 li{ float: left; width: 240px; height: 175px; overflow: hidden;}
.about1_con_05 li p,.about1_con_05 li.about1_hb p { font-size: 14px; font-family: "å®‹ä½“"; color: #898989; margin: 0 22px; }
.about1_con_05 li h2,.about1_con_05 li.about1_hb h2{ font-size: 22px; font-weight: normal; line-height: 1em; text-align: center; margin: 34px 0 10px;}
.about1_con_05 li h2 small { display: block; font-size: 12px; color: #bfbfbf; }
.about1_con_05 li h2,.about1_con_05 li p { color: #535353; } 
.about1_con_05 li.about1_hb h2,
.about1_con_05 li.about1_hb p,
.about1_con_05 li.about1_lb p,
.about1_con_05 li.about1_lb h2,
.about1_con_05 li.about1_lb h2 small { color: #fff; }
.about1_hb { background-color: #959595; }
.about1_lb { background-color: #0060a5; }
.about1_con_05 li p.center { text-align: center; }

/*this is brand*/
#con2_top { height: 160px; }
.brand_con_01{ width: 1078px; height: 310px; border: 1px #dadada solid; margin: 0px auto 150px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.brand_con_01_1 p{ color: #595757; font-size: 14px; padding-left: 30px; float: left;}
.brand_con_01_1 a{ float: right; width: 40px; height: 40px; margin-top: 50px; margin-right: 40px; }
.brand_con_l { float: left; width: 49.9%; border-right: 1px #dcdcdc dashed; }
.brand_con_r { float: right; width: 49.9%; }
.brand_con_r ul { float: right; }
.brand_con_l h2,.brand_con_r h2 { display: block; font-size: 30px; font-weight: normal; width: 220px; margin: 0 auto; text-align: center; padding: 6px 0; background-color: #17b5eb; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.brand_con_l h1,.brand_con_r h1 { text-align:center; font-size:2em; margin-top:5px; margin-bottom:30px;}
.brand_down { display: block; margin: 0 auto 40px; }
.brand_con_l ul li,.brand_con_r ul li { margin-bottom: 20px; }
.brand_con_l ul li img,.brand_con_r ul li img{ width:98%; height: 227px;}


/*this is contact*/
#contact_con{ width: 1180px; height: 100%; margin: 0px auto 20px;}
.contact_con_01{ width: 100%; height: 140px;}
.contact_con_01 li{ height: 140px; width: 360px; padding-top: 20px; text-align: center; margin-left: 30px; float: left;}
.contact_con_01 li img{ display: block;  width: 42px; height: 32px; margin: 0 auto;}
.contact_con_01 p{ color: #868686; font-size: 14px; }
.contact_con_01 p span{ font-size: 18px; }
.contact_con_02{ color: #0eb0e8; font-size: 18px; text-align: center;}
.contact_con_03{ width: 1170px; height: 100%; margin: 30px auto;}
.form_tou_zt{ font-size: 14px; color: #ccc; padding-left: 20px;}
.form_tou_zt1{font-size: 14px; color: #ccc;}
.form_tou{ border-left: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid;  border-right: 0px; width: 60px; height: 50px; line-height: 50px; float: left;}
.text1{ border-right: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid; float: left; width: 293px; border-left: 0px; height: 48px; margin-right: 19px; }
.text4{ border-right: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid; float: left; width: 120px; border-left: 0px; height: 48px; }
.textarea1{ border: 1px #bcbcbc solid; width:1146px; height: 240px; resize:none; margin-top: 20px; padding-top: 15px; margin-bottom:20px;}
.form_li{ margin: 45px auto 20px; width:350px;  }
.form_btn1,.form_btn2{ width: 85px; height: 36px; font-size: 14px; background-image: url(../images/contact_17.jpg); color: #fff; background-color: #fffcf7; border:none; cursor: pointer;}
.form_btn1{ margin-right: 50px;}
.cccc{ margin: 30px auto 0px; width:1173px;}


/*this is cooperate*/
#cooperate_con{ width: 1200px; height:100% !important; overflow: hidden; margin: 30px auto 20px;}
#cooperate_con p{ font-size: 14px; color: #868686; text-align: justify; line-height: 1.5; margin-top: 20px;}
.cooperate_top { width: 100%; overflow: hidden; background-color: #f8f7f7; margin-top: 40px;  }
.cooperate_top h2 { font-size: 30px; font-weight: normal; text-align: center; color: #626262; }
.coop_title { width: 340px !important; margin: 0 auto; }
.coop_title li a { display: block; float: left; width: 150px !important; padding: 6px 0; margin: 0 10px; background-color: #d2d2d2; text-align: center; -webkit-border-radius: 50px;
-moz-border-radius: 50px; border-radius: 50px; font-size: 16px; color: #fff;}
.coop_con { padding: 10px 0 70px; overflow: hidden; }
.coop_con li { float: left; border-left: 1px #e5e5e5 dashed; width: 298px; height: 250px; }
.coop_con li:first-child { border-left: none; }
.coop_con li h3 { font-weight: normal; font-size: 26px; line-height: .9em; text-align: center; color: #0060a5; margin: 10px 0;  }
.coop_con li h3 small { display: block; font-size: 12px; color: #d2d2d2; }
.coop_con li p { font-size: 15px; height: 126px; overflow: hidden; margin: 0 24px; color: #898989; }
.coop_img { display: block; margin: 0 auto; } 
.coop_img2 { display: block; margin: 10px auto 0; }
.coop_img3 { display: block; margin: 16px auto 0; }
.coop_top { font-weight: normal; font-size: 30px; text-align: center; width: 257px; margin: 60px auto 0; padding: 6px 0; background-color: #17b5eb; color: #fff;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.scroll{ width:1198px; height:200px; margin: 0 auto; border: 1px #e5e5e5 dashed; position: relative;} 

.cooperate_con_tb{ width: 1008px; height:100% !important; margin: 60px auto 0px;}
.cooperate_con_tb li{ height: 420px; width: 100%; border-top:1px #dadada solid; border-right:1px #dadada solid; border-left:1px #dadada solid;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.cooperate_con_tb li:last-child{ border-bottom: 1px #dadada solid; }
.cooperate_con_tb li img{ display: block; margin: -32px auto 0px;}
.cooperate_con_tb li h1{color: #616161; font-size: 24px; font-weight: normal; line-height: 1em; text-align: center; }
.cooperate_con_ul{ width: 918px; height: 240px; margin-left: 92px;}
.cooperate_con_ul li{border:none; color: #a6a6a6; width: 230px; height: 130px; float: left; font-size: 14px; margin-left: 0px; margin-right: 75px; line-height: 2em;}
.cooperate_con_ul li:last-child{ border: none; }
.cooperate_con_ul li span{ color: #4dc5fb; display: block;}
  
/*this is scroll*/ 
.v_out{width:1198px;margin:0px auto;overflow:hidden;}
.v_show{width:1198px;overflow:hidden;position:relative;height:200px;float:left}
.u_lanren{ width:1198px; position:absolute;left:50px;top:0px;}
.u_lanren ul{float:left;text-align:center;line-height:50px;}
.u_lanren ul li{width:1198px;height:200px;float:left; overflow:hidden;}
.u_lanren ul li dd{ width:210px; height:330px; margin:0px 5px; float:left; overflow:hidden; position:relative; list-style:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.u_lanren ul li dd img{ position:absolute; left:50%; top:45px; z-index:10; width:210px; height:110px; margin-left: -105px;}
.scroll .prev{ padding-top:80px; position: absolute; z-index: 33; left: 0px;}
.scroll .next{ padding-top:80px; position: absolute; z-index: 33; right: 0px;}
.scroll .prev a{ background:url(../images/oem_28.png) no-repeat center center;}
.scroll .next a{ background:url(../images/oem_31.png) no-repeat center center;}
.scroll .prev,.scroll .prev a,.scroll .next,.next a{width:46px;height:46px; display:block}


/*this is honor*/
#honor_con{ width: 1200px; height:100% !important; overflow: hidden; margin: 40px auto 0px;}
#honor_con .clear  {margin-bottom:100px;}
#honor_con .honor li{ float: left; width: 265px; height: 225px; margin-top: 30px; margin-left: 17px; margin-right: 17px; text-align: center; color: #868686; font-size: 14px;}
#honor_con .example li{ float: left; width: 265px; height: 410px; margin-top: 30px; margin-left: 17px; margin-right: 17px; text-align: center; color: #868686; font-size: 14px;}
#honor_con ul li span{ width: 263px; height: 182px; border:1px #dedede solid; display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size: 175px; *font-family:Arial;}
#honor_con ul li span img{ vertical-align: middle;}
#honor_con .title{ margin-top:40px; margin-bottom:-30px; }
#honor_con h2 {
    display: block;
    font-size: 30px;
    font-weight: normal;
    width: 220px;
    margin: 0 auto;
    text-align: center;
    padding: 6px 0;
    background-color: #17b5eb;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#honor_con h2 .small { font-size:16px; line-height:20px;}
.clear{clear:both;}

/*this is job*/
#job_con{ width: 1100px; height:100% !important; overflow: hidden; margin: 0px auto;}
.job_con_top{ width: 100%; height: 66px; background: url(../images/job_05.jpg) repeat-x; color: #0060a5; font-size: 16px;}
.job_con_top li{ float: left; width: 150px; height: 100%; text-align: center; line-height: 66px;}
.job_con_top li:first-child{ width: 340px; padding-left: 70px; text-align: left;}
.job_con_top1{ float: left; width: 1100px;}
.job_con_top1 ul{ width: 100%; height: 46px; border-bottom:1px #e1e1e1 solid; color: #0060a5; font-size: 16px; background: url(../images/job_03.png) 1050px 20px no-repeat; cursor: pointer;}
.job_con_top1 ul li{ float: left; width: 150px; height: 100%; text-align: center; line-height: 46px;}
.job_con_top1 ul li:first-child{ width: 340px; padding-left: 70px; text-align: left;}
.job_con_top1 ul li img{ display: block; }
.job_con_con1{ color: #868686; font-size: 14px; padding-left: 80px; margin-bottom: 10px; clear: both;}
.job_con_con2 { width: 140px; height: 52px; background-color: #cdfeff; color: #1d76bb; font-size: 18px; display: block; text-align: center; line-height: 52px;}
.db_con{ width: 140px; height: 52px; float: right;}
.job_con_con2:hover{ background-color: #1d76bb; color: #cdfeff;}
.current{ background-color: #fff; background-color: #EAFEFF;}
#demo2{width:1070px;height: 450px; text-align: center; border: 1px solid red; display: none;}
.job_con_03{ width: 1070px; height: 100%; margin: 30px auto; }
.form_tou_zt2{ font-size: 14px; color: #ccc; padding-left: 10px;}
.form_tou_zt3{font-size: 14px; color: #ccc;}
.form_tou1{ border-left: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid;  border-right: 0px; width: 50px; height: 40px; line-height: 40px; float: left; text-align: center;}
.form_tou2{ border-left: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid;  border-right: 0px; width: 80px; height: 225px; float: left; text-align: center;  margin-top: 20px; padding-top: 15px;}
.text2{ border-right: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid; float: left; width: 240px; border-left: 0px; height: 38px; margin-right: 84px; }
.textarea2{ border-right: 1px #bcbcbc solid; border-bottom: 1px #bcbcbc solid; border-top: 1px #bcbcbc solid; border-left:none; width:958px; height: 225px; resize:none; margin-top: 20px; padding-top: 15px;}
.form_li1{ margin: 25px auto 20px; width:250px; }
.form_btn2,.form_btn3{ width: 85px; height: 36px; font-size: 14px; background-image: url(../images/contact_17.jpg); color: #fff; background-color: #fffcf7; border:none; cursor: pointer;}
.form_btn2{ margin-right: 80px;}
.contact_con_04{color: #0eb0e8; font-size: 18px; text-align: center; margin-top: -25px;}
.job{color: #ccc; font-size: 16px; }

/*this is news*/
#news_con{ width: 1050px; height:100% !important; overflow: hidden; margin: 30px auto 0px;}
#news_con .title h2{ font-size: 28px; font-weight: normal; line-height: 1em; text-align: center;}
#news_con .date{ font-size: 14px; color: #868686; text-align: center; margin-bottom: 30px; font-weight:normal; display:block;}
#news_con p{ font-size: 14px; text-align: justify; line-height: 1.5; margin-top: -8px;}
#news_con ul li a{ display: block; width:1048px; height: 140px;  margin-bottom: 30px; border: 1px #eeeeee solid;}
#news_con ul li a img{display: block;float: left;margin: 10px 50px 10px 10px;width: 200px;height: 120px;}/*20170603 width: 200px;height: 120px;*/
#news_con ul li a h2 { font-size: 18px; font-weight: normal; color: #0060a5; }
#news_con ul li a p { font-size: 14px; height: 42px; margin-right: 30px; color: #898989; overflow: hidden; }
#news_con ul li a span { float: right; font-size: 13px; margin-right: 30px; color: #b5b5b5; }
/*è¿™æ˜¯ç™¾åº¦åˆ†äº«*/
#share { width:350px; margin: 30px auto;}
#share .shareText{float:left; font-size:16px; margin-top:8px;}
#share a{ width:37px; height:37px; padding:0; margin:2px;}
#share a.bds_more{ background:url(../images/share/more.png);}
#share a.bds_tsina{ background:url(../images/share/tsina.png);}
#share a.bds_sqq{ background:url(../images/share/sqq.png);}
#share a.bds_weixin{ background:url(../images/share/weixin.png);}
#share a.bds_qzone{ background:url(../images/share/qzone.png);}
#share a.bds_douban{ background:url(../images/share/douban.png);}
#news_con a.added{width:160px; display:block;margin: 30px auto 0;}
button.newsc_btn {
	font-size: 14px;
	font-family: "å®‹ä½“";
	display: block;
	clear: both;
	width: 160px;
	padding: 8px 0;
	margin:0 auto;
	color: #fff;
	border: none;
	background-color: #3d3c3c;
    height: 36px!important;
}
.newsc_btn span:after {
	content:url(../images/newsChild8.png);
}
.newsc_btn:hover {
	background-color: #6d6d6d;
}

/*this is pro*/
#pro_con{ width: 1150px; height:100% !important; overflow: hidden; margin: 60px auto 0px;}
.pro_left{ width: 270px; height: 100%; float:left; }
.pro_left_title { height: 39px; border-bottom: 1px #779749 solid; font-size: 14px; color: #898989; }
.pro_left ul li a{ width: 100%; height: 64px; text-align: center; line-height: 64px; color: #779749; font-size: 20px; display: block;}
.pro_left ul li a:hover,.pro_left ul li a.pro_on{ background-color: #779749; color: #fff; }
.pro_right{ width: 800px; height: 100%; float: right; margin-top: 40px;}
.pro_right ul li{ width: 250px; height: 310px; float: left; margin-left: 8px; margin-right: 8px; text-align: center; color: #868686; font-size: 14px; margin-bottom: 15px;}
.pro_right ul li img{ border: 1px #dddddd solid; cursor: pointer;}
.pro_right ul li .pro_name{ word-break : break-all; word-wrap : break-word ;width:230px; height: auto; margin:0px auto;}
.pro_cp{ width: 550px; height: 530px; margin:10px auto 0px;}
.pro_photo {width:400px; height:480px; margin: 0 auto; text-align: center;}
.pro_photo img {vertical-align:middle; width: 100%; height: auto; }
.pro_zt{ text-align: center; color: #00a3c1; font-size: 16px;  }
.pro_zt2{color: #727272; font-size: 12px;}

#show_con{ width: 1200px; height:100% !important; overflow: hidden; margin: 20px auto ;}
.showleft{ float: left; width: 550px; margin-left:30px; }
.showright{ float: right;  width: 550px; font-size: 16px; margin-left:40px; }
.showleft img{ width: 100%; border: 1px #dddddd solid;}
.showright ul{ text-align: left;}
.showright ul li{ margin-bottom: 20px;}
.showright ul li h1{font-size: 20px; color: #00a3c1; display:inline-block; padding-left: 10px;}
.showright ul li p{ margin-left: 90px; line-height: 1.5em; margin-top: 0px; margin-bottom: 0px;}

.brand_con_top{ height: 461px; width: 100%; margin-top: 30px;}
.brand_title{ width: 100%; height: 60px; text-align: center; margin-bottom: 120px;}
.brand_title_con{ height: 60px; display: inline-block; border-right: 1px #dadada solid; border-left: 1px #dadada solid;}
.brand_title_con h1{ color: #17b5eb; font-size: 42px; line-height:.1em; font-weight: bold;}
.brand_title_con {padding: 0px 10px;}

/*thinkphp åˆ†é¡µæ ·å¼*/
#pro_show{ min-height:500px; }
.pages{ clear:both; text-align: center; padding-bottom:10px; padding-top:50px;}

div.mypage {
	width: 100%;
    margin: 0 auto;
	display:inline;
    color: #666;
}

div.mypage span.current , div.mypage a{
    border: 1px solid #dcdcdc;
/*     display: block;
    float: left; */
    font-size: 13px;
    margin-right: 5px;
    padding: 3px 10px;
    text-decoration: none;
    border-radius: 3px;
	color: #867A7A; 
}

div.mypage a.prev,div.mypage a.next{
    padding: 3px 5px;
	color: #867A7A;
}

div.mypage span.current, div.mypage a:hover{
    background: #69abe5 none repeat scroll 0 0 !important;
    border-color: #69abe5;
    color: #fff; !important;
/*     display: block;
    float: left; */
    font-size: 13px;
    cursor: pointer;
}
