/* Palette generated by Material Palette - materialpalette.com/indigo/pink */
/* Base16 Atelier Sulphurpool Dark - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
/* Atelier-Sulphurpool Comment */
.hljs-comment {
  color: #898ea4; }

/* Atelier-Sulphurpool Red */
.hljs-variable, .hljs-tag, .hljs-regexp, .hljs-name, .ruby .hljs-constant, .xml .hljs-tag .hljs-title, .xml .hljs-pi, .xml .hljs-doctype, .html .hljs-doctype, .css .hljs-id, .css .hljs-class, .css .hljs-pseudo {
  color: deepskyblue; }

.hljs-attribute {
  color: lightskyblue; }

/* Atelier-Sulphurpool Orange */
.hljs-number, .hljs-preprocessor, .hljs-built_in, .hljs-literal, .hljs-params, .hljs-constant {
  color: #c76b29; }

/* Atelier-Sulphurpool Yellow */
.ruby .hljs-class .hljs-title, .css .hljs-rule .hljs-attribute {
  color: #c08b30; }

/* Atelier-Sulphurpool Green */
.hljs-string, .hljs-value, .hljs-inheritance, .hljs-header, .ruby .hljs-symbol, .xml .hljs-cdata {
  color: darkorange; }

/* Atelier-Sulphurpool Aqua */
.hljs-title, .css .hljs-hexcolor {
  color: #22a2c9; }

/* Atelier-Sulphurpool Blue */
.hljs-function, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, .ruby .hljs-title .hljs-keyword, .perl .hljs-sub, .javascript .hljs-title, .coffeescript .hljs-title {
  color: #3d8fd1; }

/* Atelier-Sulphurpool Purple */
.hljs-keyword, .javascript .hljs-function {
  color: #6679cc; }

.hljs {
  display: block;
  overflow-x: auto;
  background: #202746;
  color: #979db4;
  padding: 0.5em;
  -webkit-text-size-adjust: none; }

.coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata {
  opacity: 0.5; }

body {

  margin: 0;
  padding: 0; 
 }

*, *:before, *:after {
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: #373737; }
a:hover{color:#eb5417;text-decoration:none;border-bottom: 1px solid #eb5417;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
img{ cursor: pointer;  transition: all 1.1s;}  
img:hover{transform: scale(1.2);cursor:default}
/**
 * header
 */
.header{height: auto;}
.head_up{height: 69px;margin-top: 20px;color: #778690;}
.head_logo{margin-left: 18px; float: left;}
.head_logo img:hover{transform:none; cursor: pointer; }
.head_right{width: 352px;height: 69px; text-align: right;float: right;}
.head_right_up{height: 17px; margin-top:30px}
.head_right_up a{color: #778690;}
.head_search{height: 30px;margin-top: 25px;}
.head_search img:hover{transform:none; cursor: pointer; }
.head_search input{width: 233px;height: 30px;border: 1px solid #ccd8e0;color: #869aa9;border-right: none;}
.header_navigation{height: 75px; position: relative; z-index: 9999999;margin-top: 10px;}
.banner{height: 638px; position: relative;  }
.banner_nav{width: 230px; height: 638px; background: #000;background-color:rgba(255,255,255,0.8); top:-521px; position: absolute; z-index: 999;}


#erji_meau{ left:222px; display:none; position:absolute; top:0px; background:#FFFFFF;}
.layui-nav-child dd:hover #erji_meau{ display: block;}
#erji_meau a:active{text-decoration: none;display：block;background:#FF0004;width:100%;border: 1 solid #FFFFFF;}
.layui-nav-child dd>a:active{text-decoration: none;display：block;background:#FF0004;width:100%;border: 1 solid #FFFFFF;}
/*index*/
.index_maina{height: 380px;border-bottom: 2px solid #ebebeb;margin-top: 90px;}
.index_maina_left{float: left;width: 450px;height: 299px;    overflow: hidden;}
.index_maina_right{float: right;width: 696px;height: 299px;}
.index_maina_title{font-size: 24px;color: #0a4089;font-weight: bold;}
.index_maina_con{height: 155px; margin-top: 24px;font-size: 16px;line-height: 26px;}
.index_maina_more{height: 46px; margin-top: 38px;}
.index_maina_more ul li{width: 110px;height: 46px;background: url(../images/index_2.jpg) no-repeat;float: left;text-align: center;line-height: 46px;margin-right: 80px;}
.index_maina_more ul li a{color: #fff;}
.index_maina_more ul li a:hover{border-bottom: 1px solid #fff;}
.index_mainb{margin-top: 90px;height: auto;}
.index_mainb_title{font-size: 26px;text-align: center;color: #000;font-weight: bold;}
.index_mainb_xian{width: 100px;background: #256fb8;height: 2px;margin: 0 auto;margin-top: 20px;}
.index_mainb_titles{text-align: center;width: 94%; margin: 0 auto; margin-top: 28px;line-height: 30px;font-size: 15px;color: #666666;}
.index_mainb_con{height: 443px;margin-top: 97px;}
.box li{ width: 222px; float: left; margin: 1px; position: relative; overflow: hidden; margin-right: 9px;margin-left: 9px;border-top: 10px solid #256fb8;margin-bottom: 26px;}
.box li .xq1{ position: absolute; left: 0; top:0; color: #fff; text-align: center;  background-color: rgba(19, 68, 116, 0.5); height:100%; width: 100%; padding:60px 2% ; z-index: 99;font-size: 20px;}
.index_mainb_more{width: 268px;height: 46px;border-radius: 8px;text-align: center;line-height: 46px;margin: 0 auto; ;}
.index_mainb_more a{display: block;border: 1px solid #256fb8;border-radius: 8px;}
.index_mainb_more a:hover{color: #eb5417;border: 1px solid #eb5417;}
.index_mainc{height: 460px;margin-top:80px;}
.index_mainc_title{text-align: center;font-size: 26px;line-height: 58px;}
.index_mainc_con{float: left;height: 260px;margin-top: 90px;width: 100%;}
.index_mainc_con ul li{text-align: center;float: left;width: 25%;}
.index_mainc_con ul li img:hover{transform: scale(1.0);}
.index_mainc_con ul li .index_mainc_conti{margin-top: 20px;color: #000;}
.index_mainc_con ul li .index_mainc_conmo{margin-top: 35px;}
.index_mainc_con ul li .index_mainc_conmo a:hover{border-bottom: 1px solid #eb5417;}
.index_maind{padding: 77px 0;background: #788ca1;margin-top: 100px;}
.index_maind_s{height: 77px;color: #fff;}
.index_maind_sz{width: 665px;float: left;font-size: 19px;color: #d5dbe1;line-height: 42px;}
.index_maind_sy{width: 171px;height: 43px;text-align: center;line-height: 43px;float: right;margin-top:20px;}
.index_maind_sy a{width: 171px;height: 43px;color: #fff;border: 1px solid #fff;line-height: 43px;display: block;}
.index_maind_sy a:hover{border: 1px solid #eb5417;}
.index_maind_x{height: 519px;margin-top: 65px;}
.index_maind_x ul li{float: left;width: 377px;height: 519px;}
.index_maind_x ul li .index_maind_xx{height: 291px;background: #fff;padding: 22px; border-left: 1px solid #bfc9d3;}
.index_maind_x ul li .index_maind_xs{width: 377px;height: 228px;overflow: hidden;}
.index_maind_xxti{color: #333333; font-size: 16px;}
.index_maind_xs img:hover{cursor: pointer;}
.index_maind_xxda{color: #888888;margin-top: 18px;font-size: 12px;}
.index_maind_xxco{color: #888888;margin-top: 20px;font-size: 12px;}
.index_maind_xxmo{width: 183px;height: 43px;margin-top: 30px;text-align: center;line-height: 43px;border: 2px solid #2387aa;}
.index_maind_xxmo a{color: #2387aa;width: 158px;height: 43px;}
.index_maind_xxmo a:hover{border-bottom: 1px solid #2387aa;color: #2387aa;}

/*首页翻转*/
.contentbox{height:133px;margin-bottom: 16px;}
.qcontainer {
	-webkit-perspective: 400;
	-moz-perspective: 400;
	float: left;
	width: 180px; margin-left:60.5px; margin-right:66.5px;
	
}
.film {
	width: 100%;
	height: 133px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transition: 0.6s;
}
.qcontainer:hover .film {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.face { height: 133px;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}
.face h3 {
	color: white;
	text-align: center;
}
.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	width: 180px;
	height: 133px;
}
.foot {
	text-align: center;
	color: #fff;
	position: fixed;
	bottom: 20px;
	left: 50%;
	margin-left: -126px;
	font-size: 12px;
	font-family: "微软雅黑"；
}




/*about*/
.about_banner{height: 576px;background: url(../images/about_bn.jpg) no-repeat;color: #fff;font-size: 33px;padding-top: 200px;}
.about_banner_s{width: 781px;padding-left: 100px;    margin-left: 530px;line-height: 60px;}
.about_banner_x{margin-top: 160px;}
.about_banner_x a{color: #fff;}
.about_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_maina{height: 60px;line-height: 60px;    color: #788791;}
.about_maina a{color: #788791;}
.about_maina a:hover{border-bottom: 1px solid #eb5417;}
.about_mainb{height: 290px;margin-top: 56px;}
.about_mainb_title{font-size: 22px;color: #000;font-weight: bold;}
.about_mainb_con{height: 244px;margin-top: 30px;width: 938px;color: #566772;line-height: 28px;}
.about_mainc{height: 334px;margin-top: 50px;}
.about_mainc_left{float: left;width: 577px;height: 334px;overflow: hidden;}
.about_mainc_left img:hover{transform: none;}
.about_mainc_right{width: 550px;height: 326px;float: right;}
.about_mainc_d{float: left;width: 100%;}
.about_mainc_a{float: left;width: 483px;margin-left: 70px;color: #566772;font-size: 18px;line-height: 38px;}
.about_mainc_b{float: left;width: 483px;margin-left: 70px;margin-top: 35px;font-size: 15px;color: #566772;}
.about_mainc_c{width: 270px;height: 48px;background: #1f72ac;float: left;text-align: left; text-indent: 30px; line-height: 48px;font-size: 16px;margin-left: 279px;margin-top: 55px;}
.about_mainc_c a{color: #fff;}
.about_mainc_c a:hover{border-bottom: 1px solid #fff;  color: #fff;}
.about_maind{height: 513px;margin-top: 125px;background: url(../images/about_5.jpg) no-repeat;}
.about_maind_s{width: 700px;padding-top: 89px;color: #fff;}
.about_maind_stit{font-size: 32px;}
.about_maind_scon{font-size: 20px;margin-top: 40px;line-height: 40px;}
.about_maind_x{width: 277px;height: 54px;text-align: center;border: 2px solid #fff;line-height: 54px;font-size: 16px;margin-top: 120px;margin-left: 900px;}
.about_maind_x a{color: #fff;}
.about_maind_x a:hover{border-bottom: 1px solid #fff;color: #fff;}
.about_maine{height: 478px;margin-top: 70px;}
.about_maine_left{width: 559px;height: 478px;}
.about_maine_lefta{color: #1f72ac;}
.about_maine_leftb{font-size: 27px;color: #000;font-weight: bold; margin-top: 20px;}
.about_maine_leftc{font-size: 16px;color: #000;margin-top: 70px; font-weight: bold;}
.about_maine_leftd{font-size: 15px;color: #475665;margin-top: 40px;line-height: 28px;}
.about_maine_right{width: 560px;height: 346px;margin-top: 152px;}
.about_maine_righta{font-size: 16px;color: #000;font-weight: bold;}
.about_maine_rightb{height: 155px;margin-top: 37px;line-height: 28px;}
.about_mainf{padding: 69px 0; background: #ebf0f5;margin-top: 90px;}
.about_mainf_b{height: 291px;margin-top: 63px;}
.about_mainf_b ul li{width: 370px;height: 295px;float: left;}
.about_mainf_b ul li .about_mainf_bimg{width: 370px;height: 239px;overflow: hidden;}
.about_mainf_b ul li span{margin-top: 30px;display: block;font-weight: bold;font-size: 17px;}
.about_mainf_c{margin-right: 10px; margin-top: 80px;}
.about_maing{height: 389px;margin-top: 90px;}
.about_maing_left{width: 608px;height: 389px;float: left;overflow: hidden;}
.about_maing_right{width: 529px;height: 389px;float: right;}
.about_maing_rightti{font-size: 28px;color: #000;}
.about_maing_rightcona{height: 119px;margin-top: 37px;}
.about_maing_rightcona ul li{height: 34px;line-height: 34px;background: #f3780f;margin-bottom: 10px;color: #fff; text-indent: 20px;}
.about_maing_rightconb{height: 46px;margin-top: 54px;color: #666666;font-size: 16px;}
.about_maing_rightmore{width: 188px;height: 52px;text-align: center;line-height: 52px;margin-top: 30px;}
.about_maing_rightmore a{color: #fff;background: #1f72ac;display: block;}
.about_maing_rightmore a:hover{background: #eb5417;color: #fff;}
.about_mainh{height: 189px;margin-top: 80px;}
.about_mainh_leftcd{color: #666666;font-size: 16px;width: 730px;margin-top: 31px;}
.about_maini{height: 562px;background: url(../images/about_10.jpg) no-repeat;margin-top: 70px;}
.about_maini_con{color: #fff;font-size: 31px; padding-top: 200px;padding-left: 560px;text-align: right;}
.about_mainh_x{height: 96px;}
.about_mainh_leftc{color: #4b6681;font-size: 17px;width: 760px;margin-top: 31px;float: left;    line-height: 30px;}
.about_mainh_right{width:263px ;height: 96px;float: right;}
.about_mainh_rights{color: #888888;}
.about_mainh_rightx{width: 263px;height: 48px; margin-top: 10px;background: #faa50a;line-height: 48px;color: #fff;font-weight: bold;padding-left: 20px;}
.about_mainh_rightx a{color: #fff;}
.about_mainh_rightx a:hover{border-bottom: 1px solid #fff;color: #fff;}
.about_mainm{background: #0a1419;margin-top: 56px; padding: 50px 0 90px 0;}
.about_mainm_ti{font-size: 29px;color: #fff;}
.about_mainm_x{height: 147px; margin-top: 70px;}
.about_mainm_xa{width: 273px;height: 147px;color: #fff;font-size: 20px; position: relative; overflow: hidden;}
.about_mainm_xa a{color: #fff;}
.about_mainm_xa .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_mainm_xa .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_mainm_xa .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_mainm_xa .xq1 img:hover{cursor: pointer;}

.about_mainm_xb{width: 273px;height: 147px;margin-left: 36px;color: #fff;font-size: 20px; position: relative; overflow: hidden;}
.about_mainm_xb a{color: #fff;}
.about_mainm_xb .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_mainm_xb .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_mainm_xb .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_mainm_xb .xq1 img:hover{cursor: pointer;}

.about_mainm_xc{width: 273px;height: 147px;margin-left: 36px;color: #fff;font-size: 20px; position: relative; overflow: hidden;}
.about_mainm_xc a{color: #fff;}
.about_mainm_xc .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_mainm_xc .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_mainm_xc .xq1 img{float: right; margin-top: 49px;transform:none;}
.about_mainm_xc .xq1 img:hover{cursor: pointer;}

.about_mainm_xd{width: 273px;height: 147px;margin-left: 36px;color: #fff;font-size: 20px; position: relative; overflow: hidden;}
.about_mainm_xd a{color: #fff;}
.about_mainm_xd .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_mainm_xd .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_mainm_xd .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_mainm_xd .xq1 img:hover{cursor: pointer;}

.about_maind_xxmo{width: 188px;height: 43px;border: 2px solid #2387aa;margin-top: 30px;text-align: center;line-height: 43px;margin-left: 1003px;}
.about_maind_xxmo a{color: #2387aa;width: 188px;height: 43px;}
.about_maind_xxmo a:hover{border-bottom: 1px solid #2387aa;color: #2387aa;}


/*about_details*/
.about_deta_banner{height: 379px;background: url(../images/about_18.jpg) no-repeat center;color: #fff;font-size: 28px;padding-top: 240px;}
.about_deta_banner_s{width: 514px; line-height: 52px;float: right;}
.about_deta_banner_x{float: left; margin-top: 36px;}
.about_deta_banner_x a{color: #fff;}
.about_deta_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_deta{ width:100%;border-bottom: 1px solid #d8dcdf;height: 47px; margin-bottom:30px;}
.about_deta_nei{float:right; }
.case_munnn{}
.about_deta_nei li.layuithis a{color: #19547d;border-bottom: 2px solid #19547d;font-weight: bold;}
.about_deta_nei ul li{float: left;line-height: 45px;margin-left: 30px;}
.about_deta_nei ul li a{display: block;}
.about_deta_nei ul li a:hover{border-bottom: 2px solid #19547d;color: #19547d;font-weight: bold;}
.about_deta_main{height:auto; margin-top: 70px;}
.about_deta_maina{color: #16517a;    font-size: 18px; font-weight: bold;}
.about_deta_mainb{font-size: 16px;margin-top: 20px;font-weight: bold; color: #4b4a4a; line-height: 30px;}
.about_deta_mainc{height: 235px; margin-top: 68px;}
.about_deta_mainc p{font-size: 14px;line-height: 25px;}
.about_deta_mainc_left{width: 552px;float: left;}
.about_deta_mainc_right{width: 564px;float: right;}
.about_deta_maind{height: 413px;margin-top: 46px;  width: 100%;overflow: hidden;}
.about_deta_maind img:hover{transform: none;}
.about_deta_maine{height: 380px; border-top: 7px solid #d9d9d9;margin-top: 105px; padding-top: 50px;}
.about_deta_maine span{margin-top: 44px;color: #19547d;font-weight: bold;font-size: 20px;}
.about_deta_maine ul{margin-top: 30px;}
.about_deta_maine ul li{background: url(../images/about_20.jpg) no-repeat  0px;line-height: 34px; text-indent: 30px;float: left;width: 33%; margin:0}
.about_deta_maine ul li a:hover{border-bottom: 1px solid #eb5417;}
.about_deta_mainf{background: #faa50a;margin-top: 56px; padding: 50px 0 90px 0;}
.about_deta_mainf_ti{font-size: 29px;color: #fff;}
.about_deta_mainf_x{height: 147px; margin-top: 70px;}
.about_deta_mainf_xa{width: 273px;height: 147px;color: #fff;font-size: 20px; position: relative; overflow: hidden;}
.about_deta_mainf_xa a{color: #fff;}
.about_deta_mainf_xa .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_deta_mainf_xa .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_deta_mainf_xa .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_deta_mainf_xa .xq1 img:hover{cursor: pointer;}

.about_deta_mainf_xb{width: 273px;height: 147px;color: #fff;font-size: 20px; position: relative; overflow: hidden;margin-left: 36px;}
.about_deta_mainf_xb a{color: #fff;}
.about_deta_mainf_xb .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_deta_mainf_xb .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_deta_mainf_xb .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_deta_mainf_xb .xq1 img:hover{cursor: pointer;}

.about_deta_mainf_xc{width: 273px;height: 147px;color: #fff;font-size: 20px; position: relative; overflow: hidden;margin-left: 36px;}
.about_deta_mainf_xc a{color: #fff;}
.about_deta_mainf_xc .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_deta_mainf_xc .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_deta_mainf_xc .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_deta_mainf_xc .xq1 img:hover{cursor: pointer;}

.about_deta_mainf_xd{width: 273px;height: 147px;color: #fff;font-size: 20px; position: relative; overflow: hidden;margin-left: 36px;}
.about_deta_mainf_xd a{color: #fff;}
.about_deta_mainf_xd .xq1 a:hover{color: #fff;border-bottom: 1px solid #fff;}
.about_deta_mainf_xd .xq1{ position: absolute; background-color: rgba(0, 0, 0, 0.2); height:100%; width: 100%; z-index: 99;padding: 20px;top: 0;}
.about_deta_mainf_xd .xq1 img{float: right; margin-top: 75px;transform:none;}
.about_deta_mainf_xd .xq1 img:hover{cursor: pointer;}



/*product*/
.product_banner{height: 576px;background: url(../images/product.jpg) no-repeat;color: #fff;font-size: 33px;padding-top: 200px;}
.product_banner_s{width: 700px;padding-left: 100px;    margin-left: 600px;line-height: 60px;}
.product_banner_x{margin-top: 160px;}
.product_banner_x a{color: #fff;}
.product_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.product_maina{font-size: 24px;color: #000;font-weight: bold;line-height: 40px;margin-top: 50px;}
.product_mainc_right{width: 520px;height: 326px;float: right;}
.product_mainc_b{font-size: 20px;color: #0c334e;font-weight: bold;margin-top: 10px;}
.product_mainc_a{float: left;color: #666666;line-height: 28px;margin-top: 20px;}
.product_mainc_c{width: 270px;height: 48px;float: right;background: #faa50a;ext-align: left; text-indent: 20px; line-height: 48px;font-size: 16px;margin-top: 55px;}
.product_mainc_c a{color: #fff;}
.product_mainc_c a:hover{color: #fff;border-bottom: 1px solid #fff;}
.product_mainb{margin-top: 140px;line-height: 26px;}
.product_mainb text{font-size: 28px;color: #000;font-weight: bold; margin-bottom: 40px;display: block;}
.product_mainb p{font-size: 17px;line-height: 34px;color: #666666;}
.product_maine{margin-top: 110px; display:block; overflow:hidden}
.product_maine ul li{width: 222px;height: 308px;float: left;width: 20%;margin-bottom: 60px;}
.product_maine ul li .product_maine_img{width: 222px;overflow: hidden;}
.product_maine ul li .product_maine_con{width: 222px;background: #ebf0f5;padding: 20px 0;}
.product_maine_conti{font-size: 20px;text-align: center;font-weight: bold;height: 106px;}
.product_maine_conti a:hover{color: #19547d;}
.product_maine_conj{text-align: center;}
.product_maine_conj img{transform:none;}
.product_maine_conj img:hover{cursor: pointer;}

.product_maind{padding: 77px 0;background: #ebf0f5;margin-top: 100px;}
.product_maind_s{height: 77px;}
.product_maind_sz{width: 665px;float: left;font-size: 18px;line-height: 42px;color: #7a7a7a;}
.product_maind_sy{width: 171px;height: 43px;text-align: center;line-height: 43px;float: right;margin-top:20px;}
.product_maind_sy a{width: 171px;height: 43px;border: 1px solid #7a7a7a;line-height: 43px;display: block;font-size: 16px;}
.product_maind_sy a:hover{border: 1px solid #eb5417;}
.product_maind_x{height: 416px;margin-top: 65px;}
.product_maind_x ul li .product_maind_ximg{width: 377px;height: 228px;overflow: hidden;}
.product_maind_x ul li .product_maind_ximg img:hover{cursor: pointer;}
.product_maind_x ul li{float: left;width: 377px;height: 519px;}
.product_maind_x ul li .product_maind_xx{height: 185px;background: #fff;padding: 22px; }
.product_maind_xxti{color: #000;font-size: 21px;}
.product_maind_xxco{color: #888888;margin-top: 20px;}

/*product_details*/
.product_data_banner{height: 290px;background: url(../images/product_data.jpg) no-repeat;}
.product_deta_maina{padding: 55px 0; background: #ebf0f5;}
.product_deta_mainas p{line-height: 25px;font-size: 14px;}
.product_deta_mainas span{font-size: 38px;color: #000;display: block; margin-bottom: 11px;}
.product_deta_mainax{margin-top: 60px;height: 409px;}
.product_deta_mainaxz{width: 605px;height: 382px;overflow: hidden;}
.product_deta_mainaxz img:hover{transform: none;}
.product_deta_mainaxy{width: 293px; margin-right: 120px;margin-top: 80px;text-align: center;}
.product_deta_mainaxa{background: url(../images/product_data2.jpg) no-repeat;height: 55px;text-align: left;line-height: 55px;text-indent: 28px;}
.product_deta_mainaxa a{color: #fff;}
.product_deta_mainaxa a:hover{border-bottom: 1px solid #fff;color: #fff;}
.product_deta_mainaxb{background: url(../images/product_data3.jpg) no-repeat;height: 55px;margin-top: 30px;text-align: left;line-height: 55px;text-indent: 28px;}
.product_deta_mainaxb a{color: #fff;}
.product_deta_mainaxb a:hover{border-bottom: 1px solid #fff;color: #fff;}
.product_deta_mainaxc{margin-top: 50px;line-height: 30px;font-size: 15px;}
.product_deta_mainb{margin-top: 70px;}
.product_deta_mainb img:hover{transform: none;}
.product_deta_mainbb{margin-top: 50px;}

.product_deta_mainbd{margin-top: 70px;}
.product_deta_mainbd img{margin-right: 6px;}
.product_deta_mainbd img:hover{transform:none;cursor: pointer;}
.product_deta_mainb p{font-size: 14px;line-height: 25px;}




/*new*/
.new_banner{height: 576px;background: url(../images/new_1.jpg) no-repeat;color: #fff;font-size: 33px;padding-top: 200px;}
.new_banner_s{width: 700px;padding-left: 100px;    margin-left: 600px;line-height: 60px;}
.new_banner_x{margin-top: 160px;}
.new_banner_x a{color: #fff;}
.new_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.new_maina{height: auto; }
.new_maina ul{margin:40px 0; width:100%; overflow:hidden}
.new_maina ul li{ float:left; width:1160px;border-bottom: 2px solid #d9d9d9;background: #ebebeb; padding: 30px 20px;margin-bottom: 30px;}
.new_maina ul li:hover{background: #faa50a;color: #fff; }
.new_maina ul li .new_maina_left{width: 277px;height: 167px;float: left;    overflow: hidden;}
.new_maina ul li .new_maina_left img:hover{cursor: pointer;}
.new_maina ul li .new_maina_right{width: 800px;float: right;}
.new_maina ul li .new_hang_right{ width:94%; margin:0 3%;float:left}
.new_maina ul li .new_hang_right .new_maina_right_ti{margin-top:0 }

.new_maina ul li .new_maina_right .new_maina_right_ti{font-size: 18px;margin-top: 15px;  height: 30px; overflow: hidden;text-overflow:ellipsis;
    white-space:nowrap}
.new_maina ul li:hover .new_maina_right .new_maina_right_ti a{color:#fff}
.new_maina ul li .new_maina_right .new_maina_right_ti a{color: #19547d;}
.new_maina ul li .new_maina_right .new_maina_right_ti a:hover{color: #fff;border-bottom: 1px solid #fff;}
.new_maina ul li .new_maina_right .new_maina_right_da{margin-top: 5px;}
.new_maina ul li .new_maina_right .new_maina_right_co{margin-top: 15px;line-height: 26px;height: 52px; overflow:hidden}
.new_mainc{margin: 80px 0 130px 0;}
.new_mainc_xian{background: #d4d4d4;width: 506px;height: 1px;margin-top: 22px;}
.new_mainc_co{width: 186px;height: 45px;background: #19547d;text-align: center;line-height: 45px;}
.new_mainc_co a{color: #fff;}
.new_mainc_co a:hover{color: #fff;border-bottom: 1px solid #fff;}


/*new_details*/
.news_banner{height: 379px;background: url(../images/new_6.jpg) no-repeat;color: #fff;font-size: 28px;padding-top: 240px;}
.news_banner_s{width: 417px; line-height: 52px;float: right;}
.news_banner_x{float: left; margin-top: 36px;}
.news_banner_x a{color: #fff;}
.news_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.news_main{height: auto;    margin-top: 45px;}
.news_main_left{width: 847px;}
.news_main_left_title{font-size: 22px;color: #000;font-weight: bold;line-height: 42px;}
.news_main_left_data{color: #666666;font-size: 17px;margin-top: 20px;border-bottom: 1px dotted #54534a;height: 50px;}
.news_main_left_con{margin-top: 50px; margin-bottom:50px;}
.news_main_left_con p{font-size: 14px;line-height: 25px;}
.news_main_left_con img:hover{transform: none;}
.news_main_left_conx{font-size: 30px;color: #333333;font-weight: bold;    margin-top: 130px;}
.news_main_left_conw{margin-bottom: 160px;}
.news_main_left_conw ul{margin-top: 50px;}
.news_main_left_conw ul li{height: 234px;border-bottom: 2px solid #d9d9d9;background: #ebebeb; padding: 30px 19px;margin-bottom: 30px;}
.news_main_left_conw ul li:hover{background: #faa50a;color: #fff; }
.news_main_left_conw ul li:hover .new_maina_right .new_maina_right_ti a{color:#fff}
.news_main_left_conw ul li .new_maina_left{width: 277px;height: 167px;float: left;    overflow: hidden;}
.news_main_left_conw ul li .new_maina_left img:hover{cursor: pointer;}
.news_main_left_conw ul li .new_maina_right{width: 500px;height: 130px;float: right;}
.news_main_left_conw ul li .new_maina_right .new_maina_right_ti{font-size: 18px;margin-top: 9px;height: 30px;overflow: hidden;text-overflow:ellipsis;
    white-space:nowrap}
.news_main_left_conw ul li .new_maina_right .new_maina_right_ti a{color: #19547d;}
.news_main_left_conw ul li .new_maina_right .new_maina_right_ti a:hover{color: #fff;border-bottom: 1px solid #fff;}
.news_main_left_conw ul li .new_maina_right .new_maina_right_da{margin-top: 15px;}
.news_main_left_conw ul li .new_maina_right .new_maina_right_co{margin-top: 15px;line-height: 26px;}
.news_main_right{width:289px;}
.news_main_righta{background: #54534a;padding: 20px 35px;color: #fff;text-align: center;}
.news_main_rightax{width: 128px;height: 35px;border-radius: 6px;background: #3498db;text-align: center;line-height: 35px;margin: 0 auto; margin-top: 20px;}
.news_main_rightax a{color: #fff;}
.news_main_rightax a:hover{color: #fff;border-bottom: 1px solid #fff;}
.news_main_rightb{height: 115px; margin-top: 30px;border-top: 7px solid #d9d9d9; padding-top: 45px;}
.news_main_rightb a{color: #19547d;display: block;}
.news_main_rightb img{margin-right: 6px;}
.news_main_rightb img:hover{transform:none;cursor: pointer;}
.news_main_rightc{margin-top: 55px;}
.news_main_rightc ul li{height: 121px;border-bottom: 1px solid #5f7f95;margin-bottom: 15px;}
.news_main_rightc ul li a{color: #515151;}
.news_main_rightc ul li a:hover{color: #eb5417;}
.news_main_rightc ul li span{height: 10px;display: block;color: #777777;}
.news_main_rightc span a{color: #19547d;}
.news_main_rightc span a:hover{color: #ec5406;}
.news_main_rightmore{width: 100px;height: 27px;text-align: center;line-height: 27px;}
.news_main_rightmore a{color: #fff;background: #7c7b7b;border-radius: 4px;display: block;}
.news_main_rightmore a:hover{background: #3498db;color: #fff;}
 
 
 /*case*/
.case_banner{height: 576px;background: url(../images/case.jpg) no-repeat;color: #fff;font-size: 33px;padding-top: 200px;}
.case_banner_s{width: 700px;padding-left: 100px;    margin-left: 600px;line-height: 60px;}
.case_banner_x{margin-top: 160px;}
.case_banner_x a{color: #fff;}
.case_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.case_maina{margin-top: 75px;}
.case_maina_ti{font-size: 24px;color: #000;line-height: 44px;width: 79%;font-weight: bold;}
.case_maina_img{margin: 55px 0;width: 100%;height: 438px;overflow: hidden;}
.case_maina_co p{line-height: 30px;width: 90%;font-size: 15px;color: #666666;}
.case_maina_co span{color: #0c334e;font-size: 22px;display: block;}
.case_mainb{background: #788ca1;padding: 69px 0 90px 0;margin-top: 80px;}
.case_mainb_ti{color: #cad1d9;font-size: 18px;}
.case_mainb_ti span{font-size: 29px;display: block;color: #fff;font-weight: bold;    margin-bottom: -10px;}
.case_mainb_co{margin-top: 65px; margin-bottom:50px; overflow:hidden}
.case_mainb_co ul li .case_mainb_coimg{width: 377px;height: 228px;overflow: hidden;}
.case_mainb_co ul li{float: left;width:377px; margin:0 10px 40px;}
.case_mainb_co ul li p{width:100% ; padding:5% 0; background: #ebf0f5;display: block;font-size: 18px;text-indent: 17px;}

.case_mainb_co ul li p span{float: right; padding-right: 10px;}
.case_mainb_co ul li p span img:hover{transform: none; cursor: pointer;}
.case_mainb_mo{width: 262px;height: 48px;background: #faa50a;margin: 0 auto;margin-top: 60px;text-align: center;line-height: 48px;}
.case_mainb_mo a{color: #fff;}
.case_mainb_mo a:hover{color: #fff;border-bottom: 1px solid #fff;}
.case_mainc{background: #ebf0f5;padding: 50px 0;}
.case_mainc_up{font-size: 18px;line-height: 36px;}
.case_mainc_up span{display: block;font-size: 26px;color: #000;font-weight: bold;}
.case_mainc_mo{width: 302px;height: 46px;background: #2386a9;border: 1px solid #ccdfe9;margin-top: 20px;text-align: center;line-height: 46px;}
.case_mainc_mo a{color: #fff;}
.case_mainc_mo a:hover{color: #fff;border-bottom: 1px solid #fff;}
.case_maind{margin-top: 100px; margin-bottom: 110px;}
.case_maind_ti{font-size: 18px;color: #939393;}
.case_maind_ti span{font-size: 29px;display: block;font-weight: bold;color: #000;    margin-bottom: -10px;}
.case_maind_co{margin-top: 40px;height: 313px;}
.case_maind_co ul li{float: left;width: 377px;height: 313px;margin-bottom: 40px;}
.case_maind_co ul li .case_maind_coimg{width: 377px;height: 228px;overflow: hidden;}
.case_maind_co ul li p{width:377px ;height: 85px;background: #ebf0f5;display: block;line-height: 85px;font-size: 20px;text-indent: 14px;}
.case_maind_co ul li p span{float: right; padding-right: 25px;font-weight: bold;font-size: 22px;color: #777f84;}
.case_maind_mo{width: 262px;height: 48px;background: #faa50a;margin: 0 auto;margin-top: 60px;text-align: center;line-height: 48px;}
.case_maind_mo a{color: #fff;}
.case_maind_mo a:hover{color: #fff;border-bottom: 1px solid #fff;}

 
 /*power*/
.power_banner{height: 576px;background: url(../images/power.jpg) no-repeat;color: #fff;font-size: 33px;padding-top: 200px;}
.power_banner_s{width: 700px;padding-left: 100px;    margin-left: 600px;line-height: 60px;}
.power_banner_x{margin-top: 160px;}
.power_banner_x a{color: #fff;}
.power_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
.power_maina{margin-top: 60px;}
.power_maina_left{width: 618px;height: 380px;}
.power_maina_right{width: 558px;height: 458px; margin-top: 10px;}
.power_maina_rightimg{width: 558px;height: 376px;overflow: hidden;}
.power_maina_mo{width: 262px;height: 48px;background: #faa50a;margin-top: 20px;text-align: center;line-height: 48px;}
.power_maina_mo a{color: #fff;}
.power_maina_mo img:hover{transform: none;}
.power_maina_mo a:hover{color: #fff;border-bottom: 1px solid #fff;}
.power_mainb{padding: 50px 0;background: #ebf0f5;font-size: 20px;color: #333;margin-top: 90px;}
.power_mainb_co{font-size: 30px;font-weight: bold;line-height: 50px; margin: 30px 0 50px 0;}
.power_mainb_cox{width: 237px;}
.power_mainb_cox a{border-bottom: 1px solid #333;}
.power_mainb_cox a:hover{border-bottom: 1px solid #ec5406;}
.power_mainc{background: url(../images/power_6.jpg) no-repeat;padding: 69px 0;}
.power_mainc_ti{color: #fff;font-size: 19px;line-height: 40px;}
.power_mainc_ti span{font-size: 29px;display: block;color: #fff;font-weight: bold;    margin-bottom: -10px;}
.power_mainc_co{margin-top: 70px;height: 313px;}
.power_mainc_co ul li{float: left;width: 377px;height: 313px;margin-bottom: 40px;}
.power_mainc_co ul li .power_mainc_coimg{width: 377px;height: 250px;overflow: hidden;}
.power_mainc_co ul li p{width:377px ;height: 85px;background: #ebf0f5;display: block;line-height: 85px;font-size: 18px;text-indent: 10px;}
.power_mainc_co ul li p span{float: right; padding-right: 25px;font-weight: bold;font-size: 22px;}
.power_mainc_mo{width: 262px;height: 48px;background: #faa50a;margin: 0 auto;margin-top: 60px;text-align: center;line-height: 48px;}
.power_mainc_mo a{color: #fff;}
.power_mainc_mo a:hover{color: #fff;border-bottom: 1px solid #fff;}
.power_maind_x{width: 227px;height: 54px;text-align: center;border: 2px solid #fff;line-height: 54px;font-size: 16px;margin-top: 80px;margin-left: 970px;}
.power_maind_x a{color: #fff;}
.power_maind_x a:hover{border-bottom: 1px solid #fff;color: #fff;}
.power_maine{margin-top: 50px;}
.power_maine_a{font-size: 22px;color: #0c334e;}
.power_maine_b{margin-top: 55px;}
.power_maine_bleft{width: 636px;height: 357px;    overflow: hidden;}
.power_maine_bright{width: 510px;margin-top: 20px;line-height: 36px;color: #666666;font-size: 19px;}
.power_maine_c{height: 280px;margin-top: 90px;}
.power_maine_c ul li{float: left;width: 50%;line-height: 46px;font-size: 15px;}
.power_maine_c ul li a{color: #19547d;}
.power_maine_c ul li a:hover{color: #eb5417;}
.power_maine_d{margin-top: 50px;}

 
 /*Service*/
 .Service_banner{height: 576px;background: url(../images/Service.jpg) no-repeat;color: #fff;font-size: 33px;padding-top: 200px;}
 .Service_banner_s{width: 600px;line-height: 60px;}
 .Service_banner_x{margin-top: 160px;}
 .Service_banner_x a{color: #fff;}
 .Service_banner_x a:hover{color: #fff;border-bottom: 1px solid #fff;}
 .Service_mainb{height: 100px;margin-top: 56px;}
 .Service_mainb_title{font-size: 28px;color: #000;font-weight: bold;}
 .Service_mainb_con{height: 244px;margin-top: 15px;width: 938px;color: #000;line-height: 28px;font-size: 22px;}
 .Service_mainc{height: 350px;margin-top: 50px;}
 .Service_mainc_left{float: left;width: 601px;height: 350px;overflow: hidden;}
 .Service_mainc_right{width: 520px;height: 326px;float: right;}
 .Service_mainc_a{float: left;color: #3a4e5d;font-size: 17px;line-height: 38px;}
 .Service_mainc_c{width: 270px;height: 48px;float: left;background: #faa50a;text-align: left; text-indent: 30px; line-height: 48px;font-size: 16px;margin-top: 55px;}
 .Service_mainc_c a{color: #fff;}
 .Service_mainc_c a:hover{color: #fff;border-bottom: 1px solid #fff;}
 .Service_maind{margin-top: 80px;}
 .Service_maind_ti{color: #3a4e5d;font-size: 23px;line-height: 38px; margin-bottom: 40px;}
 .Service_maind ul li{color: #3a4e5d;line-height: 34px;font-size: 17px;background: url(../images/Service_2.jpg) no-repeat left top 15px; padding-left: 18px;}
 .Service_maine{background: #ebf0f5;padding: 69px 0;margin-top: 80px;}
 .Service_maine_ti{color: #cad1d9;font-size: 16px;}
 .Service_maine_tia{font-size: 26px;color: #000;font-weight: bold;}
 .Service_maine_tib{color: #0c334e;font-size: 19px;margin-top: 20px;}
 .Service_maine_tic{margin-top: 30px;color: #666666;line-height: 32px; font-size: 18px;}
 .Service_maine_co{margin-top: 66px;height: 732px;}
 .Service_maine_coimg{width: 377px;height: 228px;overflow: hidden;}
 .Service_maine_coimg img{ cursor: pointer;  transition: all 1.1s;}  
 .Service_maine_coimg img:hover{transform: scale(1.2);}
 .Service_maine_co ul li{float: left;width: 377px;margin-bottom: 40px;height: 228px;}
 .Service_maine_co ul li .Service_maine_con{background: #ffffff;padding: 20px 20px 40px 20px; min-height: 480px;}
 .Service_maine_co ul li .Service_maine_con text{font-size: 18px;color: #000;font-weight: bold;}
 .Service_maine_co ul li .Service_maine_con p{color: #666666;margin-top: 30px;line-height: 26px; font-size: 16px;}
 .Service_mainf{height: 100px;margin-top: 80px;}
 .Service_mainf_title{font-size: 28px;color: #000;font-weight: bold;}
 .Service_mainf_con{height: 244px;margin-top: 15px;width: 790px;color: #000;line-height: 28px;font-size: 22px;}
 .Service_maing{height: 350px;margin-top: 50px;    margin-bottom: 140px;}
 .Service_maing_right{float: right;width: 601px;height: 350px;overflow: hidden;}
 .Service_maing_left{width: 520px;height: 326px;float: left;}
 .Service_maing_a{float: left;color: #3a4e5d;font-size: 17px;line-height: 38px;    margin-top: 10px;}
 .Service_maing_c{width: 270px;height: 48px;float: left;background: #faa50a;text-align: left; text-indent: 30px; line-height: 48px;font-size: 16px;margin-top: 128px;}
 .Service_maing_c a{color: #fff;}
 .Service_maing_c a:hover{border-bottom: 1px solid #fff;  color: #fff;}
 
 
 
 
 
 /*contact*/
 .contact{height: 774px;background: url(../images/contact.jpg) no-repeat; padding-top: 79px;color: #fff;line-height: 30px;}
 .contact_s{height: 185px;padding-left: 60px;}
 .contact_x{margin-top: 73px;color: #cdd2d5;}
 .contact_x ul li{float: left; width:25%;padding: 30px 0 30px 60px;border-bottom: 1px solid #8ca0ae;}
 .message{height: 352px;margin: 64px 0 115px 0;}
 .message_left{width: 776px;height: 352px;float: left;}
 .message_left span{color: #19547d;font-weight: bold;font-size: 20px;margin-bottom: 20px;display: block;}
 .message_left input{width: 45%;margin-right: 30px;margin-bottom: 20px; float: left; height: 38px;color: #778690; border-bottom:1px solid #ccd8e0; border-left: 1px solid #ccd8e0;border-right: 1px solid #ccd8e0;border-top: 1px solid #869aa9;}
 .message_left textarea{width: 94%;height: 105px;color: #778690;border-top: 1px solid #ccd8e0;border-left: 1px solid #ccd8e0;border-right: 1px solid #ccd8e0;  border-bottom: 1px solid #869aa9;}
 .message_right{width: 270px;height: 45px;background: #2386a9;float: right;line-height: 45px;padding-left: 20px;margin-top: 298px;}
 .message_right a{color: #fff;}
 .message_right a:hover{border-bottom: 1px solid #fff;color: #fff;}
 
 
 
 
/**
 * footer
 */
 
.footer{background: #f9f9f9; width: 100%; overflow:hidden}
.footer_xs{height: 290px;}
.footer_nav{float: left; width: 100%; height: 245px; margin-top: 53px; text-align: left;}
.footer_nav ul li{ width: 227px; height: 270px;float: left; overflow:hidden}
.footer_nav ul li span{font-size: 16px; margin-bottom: 20px; display: block;}
.footer_nav ul li span a{color: #2b2b2b; font-weight: bold;}
.footer_nav ul li span a:hover{color: #eb5417; }
.footer_nav ul li ul li{line-height: 28px; font-size: 13px; height: 28px; overflow:hidden}
.footer_nav ul li ul li a{color: #2b2b2b; }
.footer_nav ul li ul li a:hover{color: #eb5417;}
.footer_xx{ font-size: 13px; color: #fff; line-height: 40px; padding: 20px 0 20px 0; margin-top: 100px;background: #6d6d6d;     min-height: 120px;}
.footer_xx_up a{color: #fff;}
.footer_xx_up a:hover{color: #fff;border-bottom: 1px solid #fff;}
.footer_xx_up img{transform:none;}
.footer_xx_upleft{float: left;}
.footer_xx_upright{float: right;}
.footer_xx_upimg img{margin-right: 6px;}
.footer_xx_upimg a:hover {border-bottom: none;} 
.footer_xx_upimg img:hover{cursor: pointer;}





/*---------------------------------------------------------------product-munt-----------------------------------------------*/
.product_munt{ width:100%; margin:0 auto; border-top:1px solid  #ebf0f5; overflow:hidden}
.product_munt_yi{ margin:2% auto}
.product_munt_yi text{ margin:0 0 1%}

.product_munt_left{ width:280px; margin:2% 0 4%}

.menu_list{width:100%;margin:0 auto;}
.menu_head{height: 50px;line-height: 50px;
	padding-left: 28px;
	font-size: 17px;
	color: #333;
	cursor: pointer;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	font-weight: bold;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current{background:#1f72ac url(../images/pro_down.png) center right no-repeat; color:#FFF;}
.menu_body{line-height: 38px;border-left: 1px solid #e1e1e1;backguound: #fff;border-right: 1px solid #e1e1e1;}
.menu_body a{display:block;height:40px;line-height:40px; padding-left:28px;color:#333;background:#ebf0f5;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;height:40px;line-height:40px;color: #1f72ac;border-bottom:1px solid #e1e1e1; text-decoration:underline}

.product_munt_right{ width:890px; margin:2% 0 4%}
.product_munt_right  .product_maine{ margin:0}
.product_munt_right  .product_maine ul li{ height:300px}
.product_munt_right  .product_maine ul li .product_maine_conti{font-size: 20px; line-height:25px; height:50px;
text-align: center;font-weight: bold; margin-bottom:15px; overflow:hidden}
.product_munt_right  .product_maine ul li{width:270px; margin:0 12px 0 0;float: left;margin-bottom: 30px;}
.product_munt_right  .product_maine ul li .product_maine_img{width: 100%;overflow: hidden; cursor: pointer}
.product_munt_right  .product_maine ul li .product_maine_con{width: 100%;background: #ebf0f5;padding: 20px 0 30px;}






/*banner*/
.slider{position:relative;width:100%;height:638px;overflow:hidden}
.slides{height:638px;overflow:hidden;
-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transition:all 500ms cubic-bezier(.165,.84,.44,1);
-moz-transition:all 500ms cubic-bezier(.165,.84,.44,1);-ms-transition:all 500ms cubic-bezier(.165,.84,.44,1);
-o-transition:all 500ms cubic-bezier(.165,.84,.44,1);
transition:all 500ms cubic-bezier(.165,.84,.44,1)}
.slide{height:638px;float:left;clear:none}
.slider-arrows{}
.slider-arrow{position:absolute;display:block;margin-bottom:-20px;width:60px;height:60px;
line-height:60px;text-decoration:none;text-align:center;color:#fff;font-size:4em;background-color:#333;
background-color:rgba(50,50,50,.3);
border-radius:50%}
.slider-arrow--right{bottom:50%;right:80px}
.slider-arrow--left{bottom:50%;left:80px}
.slider-nav{position:absolute;bottom:30px}
.slider-nav__item{width:12px;height:12px;float:left;clear:none;display:block;margin:0 5px;background:#256fb8;border-radius:100%}
.slider-nav__item:hover{background:#ccc}
.slider-nav__item--current{background:#ccc}
.box1 {
	width: 100%;
	height: 638px;
	padding-top: 470px;
	text-align: left;
	color: #fff;
	
}

















/**
 * Backgrounds
 */
.backgrounds {
  width: 100%;
  height: 100%;
  position: fixed;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: -1; }
  .backgrounds .background {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    background-attachment: fixed; }

.overlay:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #3F51B5;
  opacity: 0.8; }

/**
 * Hero
 */
.hero {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  color: #FFF;
  text-align: center; }

.hero-center {
  width: 100%;
  position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.hero__logo {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.5); }

.hero__text {
  font-weight: normal;
  opacity: 0.8; }

.hero__scroll {
  position: absolute;
  bottom: 60px;
  width: 200px;
  margin: auto;
  display: block;
  cursor: pointer;
  padding-bottom: 40px;
  left: 0;
  right: 0;
  text-transform: uppercase; }
  .hero__scroll .chevron {
    margin-top: 20px;
    display: block;
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
    color: #FF4081; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.octocat {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 80px; }
  .octocat img {
    display: block;
    width: 100%; }

.chevron::before {
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  content: '';
  display: inline-block;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: top;
  width: 20px; }

.chevron.right:before {
  left: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.chevron.bottom:before {
  top: 0;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg); }

.chevron.left:before {
  left: 0.25em;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }

/**
 * Sections
 */
.section {
  width: 100%;
  float: left; }

.section-title {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  clear: both; }

.container {
  width: 1200px;
  margin: 0 auto;    text-align: left;
  -webkit-transform: translateZ(1200px);
          transform: translateZ(1200px); }
.container  img{transform:none}
.code {
  width: 40%;
  clear: both;
  height: 200px;
  background: #FFF;
  border-radius: 2px;
  margin: 12vh 0;
  padding: 10px; }
  .code pre, .code code {
    height: 100%;
    margin: 0; }
  .code code {
    padding: 20px 0 0 20px; }
  .code--small code {
    padding-top: 75px; }
  .code--left {
    float: left; }
  .code--right {
    float: right; }
  .code--wider {
    width: 60%; }
    .code--wider code {
      padding-top: 60px; }

.section--more {
  color: #FFF;
  background: #0E0F34;
  padding: 20px 0 40px 0; }

.section-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 30px 0; }
  .section-group h3 {
    margin: 0 0 20px 0;
    text-transform: uppercase; }
  .section-group h4 {
    font-weight: normal;
    color: rgba(255, 255, 255, 0.6); }
  .section-group code {
    padding: 20px;
    font-size: 1.2em; }
  .section-group .btn {
    margin-right: 20px; }

.btn {
  padding: 10px 20px;
  border: 1px solid #FF4081;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  overflow: hidden; }
  .btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FF4081;
    -webkit-transition: -webkit-transform 0.2s ease;
            transition: transform 0.2s ease;
    z-index: 0;
    opacity: 0; }
  .btn span {
    position: relative;
    z-index: 5; }
  .btn:hover {
    color: #FFF; }
    .btn:hover:before {
      -webkit-transform: scaleX(200);
          -ms-transform: scaleX(200);
              transform: scaleX(200);
      opacity: 1; }
	  
	  .items1 li { display:inline-table ; margin:15px 4px 3px 12px}
.items1 li img {border: 1px solid #D4D4D4;  padding: 4px; transform:none;cursor:pointer;}
.items1 li span {display: block;line-height: 35px; text-align: center; font-size: 15px; color:#686666}




/* 分页 */
.pageController{float:right;  padding-top:5px;padding-bottom:5px;}
.pageController a{float:left;display:block;background-color:#FFF; border:#666666 1px solid; color:#666666;padding:0px 6px 0px 6px; margin-right:5px; line-height:18px;}
.pageController a:hover{background-color:#efefef;color:#F93; text-decoration:none; font-weight:bold; border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#C40018;font-weight:bold;border:#666666 1px solid;}
.clear{clear:both;}