@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1260{width: 1260px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*header start*/
.header{height:100px;background:url(../images/navtop.png);color: #FFF;position: fixed;top: 0;left: 0;transition: background 1s;z-index: 999999}
.header .logo{display:block;width:380px;height: 100px;position: relative;top:10px;}

.nav{width: 770px; height:65px;line-height:65px; position:relative;z-index:999999;top:5px;}
.nav .nLi{float:left;position:relative; display:inline;padding: 0 10px}
.nav .nLi > a{float:left;display:block;font-size:16px;font-weight:bold;text-align:center;color:#0023B2;padding:0 10px;}
.nav .sub{ width:910px;display:none;left:-300px; top:73px;  position:absolute; background:#fff;line-height:26px; padding:10px;border:1px solid #dedede;border-top: 3px solid #F37020}
.nav .sub li{width: 120px; zoom:1;margin: 5px 5px;}
.nav .sub li a{ display: block; }
.nav .sub li p{position: relative;text-align: center; line-height:20px;font-size: 16px;color: #263993; padding: 5px 0px;}
.nav .on > a{background:url(../images/navhover.png) no-repeat center;color:#0023B2;}
.nav .sub img{width: 120px;height: 95px}

.scrolledDown{background: rgba(255, 255, 255, 1);color:#333;box-shadow: 0 0 10px 0 #666;}
.scrolledDown .logo{top: 0}
.scrolledDown .nav .nLi h3 a{color:#333}
.scrolledDown .nav .sub a{color:#333}
.scrolledDown .sub a:hover{background:#0066B3;color:#fff;}
.header .choose{margin-right: 22px; position:relative;}
.header .choose li img{margin: 7px 10px 0 10px;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 100px;
}

.flex-direction-nav .flex-prev {
	left: 100px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 700px;
	display: block;
}
/*banner end*/

/*product start*/
.scrollbg{width: 100%; height:100%;background-image: url("../images/com_bg.jpg"); background-attachment: fixed; background-position: 50% 0%; background-repeat: no-repeat;position: absolute;z-index: -1}
.product{padding: 60px 0px;background: url(../images/bg1.png);}
.product .title{text-align: center;}
.product .title b{font-size: 32px;font-weight: normal;text-transform: uppercase;}
.product .title p{text-align: center;padding-top: 10px;font-size: 16px}
.product .pro_body ul{margin-top: 10px;}
.product .pro_body ul li{margin: 18px 0 0 18px;position: relative;}
.product .pro_body ul li:nth-child(1){margin: 18px 0 0 0;}
.product .pro_body ul li:nth-child(4){margin: 18px 0 0 0;}
.product .pro_body ul li .pro_zi{width: 100%;height: 40px;background: url(../images/pronamebg.png) repeat-x;position: absolute;bottom: 0px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_body ul li .img{width: 307px;height: 330px;overflow: hidden}
.product .pro_body ul li:nth-child(1)  .img{width: 550px;height: 330px;overflow: hidden}
.product .pro_body ul li:nth-child(5)  .img{width: 550px;height: 330px;overflow: hidden}
.product .pro_body ul li{background: url(../images/fdj.png) no-repeat center;}
.product .pro_body ul li img{ width: 307px; height: 330px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.product .pro_body ul li:nth-child(1) img{ width: 550px; height: 330px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.product .pro_body ul li:nth-child(5) img{ width: 550px; height: 330px; display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}

.product .pro_body ul li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);opacity: 0.4}
.product .pro_body ul li:hover .pro_zi{background: none;}
/*product end*/

/*adv start*/
.adv{padding:90px 0;background:url(../images/bg2.png) repeat-y;}
.adv .title{text-align:center;}
.adv .title b{font-size:32px;font-weight:normal;color:#fff}
.adv .title p{text-align:center;padding-top:10px;font-size:16px;color:#fff;}
.adv .adv_body{height:560px;}
.adv .adv_body .adv_l{width: 305px;}
.adv .adv_body .adv_l .adv_zi{width: 286px;margin-top: 300px;}
.adv .adv_body .adv_l p{color: #fff;font-size: 15px;text-indent: 2em;line-height: 160%;opacity: 0.8}
.adv .adv_body .line{width: 100px;height: 2px;background: #F37020;position: relative;top:25px;left: 20px;}
.adv .adv_body .adv_r{width: 820px;height: 560px;background:rgba(255,255,255,0.9);}
.adv .adv_body .adv_r ul{padding: 50px 35px;width: 750px;height: 460px;}
.adv .adv_body .adv_r ul li{width: 250px;height: 230px;}
.adv .adv_body .adv_r ul li .icon_zi{text-align: center;color: #263993;font-size: 16px;font-weight: bold;width: 250px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.adv .adv_body .adv_r li:nth-child(1) .icon{width:250px;height:140px;overflow:hidden;background: url(../images/icon1.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.adv .adv_body .adv_r li:nth-child(1):hover .icon{background: url(../images/icon1.png) no-repeat center top;}
.adv .adv_body .adv_r li:nth-child(2) .icon{width:250px;height:140px;overflow:hidden;background: url(../images/icon2.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.adv .adv_body .adv_r li:nth-child(2):hover .icon{background: url(../images/icon2.png) no-repeat center top;}
.adv .adv_body .adv_r li:nth-child(3) .icon{width:250px;height:140px;overflow:hidden;background: url(../images/icon3.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.adv .adv_body .adv_r li:nth-child(3):hover .icon{background: url(../images/icon3.png) no-repeat center top;}
.adv .adv_body .adv_r li:nth-child(4) .icon{width:250px;height:140px;overflow:hidden;background: url(../images/icon4.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.adv .adv_body .adv_r li:nth-child(4):hover .icon{background: url(../images/icon4.png) no-repeat center top;}
.adv .adv_body .adv_r li:nth-child(5) .icon{width:250px;height:140px;overflow:hidden;background: url(../images/icon5.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.adv .adv_body .adv_r li:nth-child(5):hover .icon{background: url(../images/icon5.png) no-repeat center top;}
.adv .adv_body .adv_r li:nth-child(6) .icon{width:250px;height:140px;overflow:hidden;background: url(../images/icon6.png) no-repeat center bottom;transition: all 0.2s ease-in;}
.adv .adv_body .adv_r li:nth-child(6):hover .icon{background: url(../images/icon6.png) no-repeat center top;}
.adv .adv_body .adv_r li:hover .icon_zi{color: #E76D25}
/*adv end*/

/*case start*/
.case{padding:60px 0 50px 0;background:url(../images/casebg.jpg) no-repeat center bottom; box-sizing: border-box;}
.case .title{text-align: center;}
.case .title .top{width: 200px;height: 42px;margin: 0 auto;background:url(../images/title_bg.png);}
.case .title b{font-size: 32px;font-weight: normal;}
.case .title p{text-align: center;padding-top: 10px;font-size: 16px}

.case .slideBox{width: 1290px; overflow:hidden; zoom:1; padding:0px 0 10px 50px; position:absolute;z-index: 9999 ;position: relative;top: 0px;margin: 0 auto}
.case .sPrev,.case .sNext{ position:absolute; left:5px; top:60px; display:block; width:46px; height:230px; background:url(../images/arrow-left.png) no-repeat center; }
.case .sNext{width:46px; height:230px; left:auto; right:15px; background:url(../images/arrow-right.png) no-repeat center;  }
.case .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.case .con{width:1300px;}
.case .con .ul1 .li1{width:243px;height:225px;float:left;position:relative;overflow:hidden;cursor:pointer;border:1px solid #D8D8D8;background: url(../images/kuangbg.png) no-repeat center;}

.case .ul1{ overflow:hidden; zoom:1;   }
.case .ul1 .caseli{ margin:0 13.5px; float:left; _display:inline; overflow:hidden; text-align:center;}
.case .ul1 .caseli { text-align:center; }

.case .row{width: 103%; float: left; margin: 110px 0 0 0;}

.caseli .single-member{width: 280px; float: left;background-color: #fff; text-align: center; position: relative;}
.caseli .member-image img{width: 276px;height: 207px; vertical-align: middle;}
.caseli p {font-size: 15px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px;margin-top: 10px;text-align: center;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.social-touch{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch:hover{opacity: 1; transition: 0.3s;}

.effect-1{border-radius: 5px 5px 0 0; padding-bottom: 20px;background: #fff}
.effect-1 .member-image {border: 2px solid #fff; border-radius: 60px 0; display: inline-block; margin-top: -72px; overflow: hidden; transition: 0.3s;}
.effect-1 .social-touch{background-color: #F37020; position: absolute; left: 0; bottom: 0; height: 5px; overflow: hidden;width: 100%; transition: 0.3s;color: #F37020}
.effect-1 .member-image img{transition: 0.3s; border-radius: 60px 0;}
.effect-1:hover .member-image{border-color: #F37020; transition: 0.3s; border-radius: 50%;}
.effect-1:hover .social-touch{padding: 6px 0; height: 16px; transition: 0.3s;color: #fff;font-size: 15px;line-height: 16px;}

/*case end*/

/*new start*/
.new{padding: 60px 0 50px 0;}
.new .title{text-align: center;}
.new .title .top{width: 200px;height: 42px;margin: 0 auto;background:url(../images/title_bg.png);}
.new .title b{font-size: 32px;font-weight: normal;}
.new .title p{text-align: center;padding-top: 10px;font-size: 16px}

.new_body{width: 1200px;margin:20px auto 0 auto;}
.nb_l{width: 570px;}
.new_box{width: 568px;height: 90px;margin: 17px 0;}
.nbox_l{width: 90px;height: 90px;background-color:#263993;color: #fff;transition: all 0.2s ease-in;}
.nbox_l .b1{font-size: 28px;text-align: center;padding-top: 13px;}
.nbox_l font{font-size: 14px;text-align: center;position: relative;left: 10px;}
.nbox_r{width: 448px;height: 90px;background-color:#E6E6E6;padding:0 15px;}
.nbox_r .ntitle{padding-top: 13px;font-size: 16px;color:#263993;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nbox_r .ncon{font-size: 14px;color: #555;position: relative;top: 2px;}
.new_box:hover .nbox_l{background-color: #FF6501;}
.new_box:hover .ntitle{color: #FF6400}
.new_box:hover .nbox_r{background-color: #E6E6E6;}
.nb_r{width: 570px;}
/*new end*/

/*company start*/
.company{height: 550px;background: url(../images/company.jpg) no-repeat center right;}
.company .com_left{width: 660px;height: 550px;background:url(../images/company_l.png);}
.company .com_l{width: 600px;padding: 95px 0;position: relative;left: 30px;}
.company .com_l b{font-size: 26px;color: #263993}
.company .com_l .line{width: 120px;height: 3px;background: #fff;margin-top: 15px;}
.company .com_l p{line-height: 180%;text-indent: 2em;color: #eee}
.company .com_l .tel li{height: 32px;line-height: 32px;color: #eee}
.company .com_l .tel li img{position: relative;top: 4px;float: left;}
.company .com_l .tel li font{margin:0 10px 0 5px;display: block;width: 260px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}

/*company end*/

/*footer start*/
.footer{background: #222}

.footer .foot_top{padding: 15px 0;}
.footer .foot_top ul li{width:170px;color: #fff;font-size: 16px;text-align: center;background: url(../images/line1.jpg) no-repeat center right;}
.footer .foot_top ul li:nth-child(7){background: none;}
.footer .foot_top a{color: #fff}
.footer .foot_body{padding:20px 0;background: #333;text-align: center;}
.footer .foot_body span{display:inline-block;color: #fff;line-height: 190%;font-size: 15px;padding: 0 30px}
.footer .foot_body a{color: #fff}
/*footer end*/
/*main_a*/
.main_a{padding: 50px 0 30px 0;background: url(../images/main_a_bg.jpg) no-repeat left bottom;}
.title_ny{text-align: center;padding-bottom: 30px}
.title_ny p{text-align: center;font-size: 30px;display: block;padding-bottom: 5px;}
.title_ny font{color: #999;font-size: 15px}
.w960{width: 960px;margin: 0 auto}
.qg_adv{}
.qg_adv li{width: 240px;height: 185px;background: url(../images/qg_sybg.png) no-repeat center;float: left;text-align: center;font-size: 16px;padding-top: 35px}
.qg_adv li b{font-size: 60px;font-weight: bold;font-family: Arial;padding: 0 10px;color: #FC5F00;line-height: 60px;}
.qg_adv li strong{font-size: 18px;line-height: 200%;color: #263993}
.qg_adv li p{text-align: center;font-size: 15px;color: #777;width: 180px;margin: 0 auto;}
.qg_adv1{position: relative;top: -20px}

.main_b{padding: 50px 0;text-align: center;}
.main_c{padding: 50px 0;text-align: center;background: url(../images/main_c_bg.jpg);}
.main_d{padding: 50px 0 25px 0;}
.main_d ul li{width: 280px;height:320px;font-size: 13px;border:1px solid #dfdfdf;float: left;margin-left: 24px;margin-bottom: 24px;overflow: hidden;}
.main_d ul li:nth-child(4n+1) {margin-left: 0px;}
.main_d ul li b{font-size: 16px;line-height: 180%}
.main_d ul li .zi{padding: 10px;border-top: 1px solid #dfdfdf}
.main_d ul li:nth-child(1) {border:none;width: 282px;height: 322px}
.main_d ul li:nth-child(12) {border:none;width: 282px;height: 322px}

.main_e{padding: 50px 0;background: #f1f1f1}
.main_er{width: 450px}
.main_er b{font-size: 18px;line-height: 200%;display: inline-block;padding:80px 0 10px 0}
.main_er p{font-size: 15px;line-height: 180%;text-indent:2em;}
/*tixi start*/
.tixi1{padding: 50px 0;}
.tixi1 .content{width: 580px;padding-top: 10px;}
.tixi1 .content b{font-size: 18px;line-height: 250%;color: #263993}
.tixi1 .content p{line-height: 160%;text-indent: 2em;}
.tixi1 .content p.dot1{background: url(../images/dot1.jpg) no-repeat 10px 8px;}
.hr1{border:none;width: 1200px;height: 1px;background: #dfdfdf;margin: 0 auto}
.tixi2{padding: 50px 0 10px 0}
.tixi2 .tixiimg img{width: 580px;height: 387px;float: left;margin-bottom: 40px}
.tixi2 .tixiimg img:nth-child(2n) {margin-left: 40px}